diff --git a/renderer/src/components/EditorPage/Reference/TranslationHelps.js b/renderer/src/components/EditorPage/Reference/TranslationHelps.js
index fa753ab4..ffb9c804 100644
--- a/renderer/src/components/EditorPage/Reference/TranslationHelps.js
+++ b/renderer/src/components/EditorPage/Reference/TranslationHelps.js
@@ -36,6 +36,7 @@ const TranslationHelps = ({
 
   const [resourceLinkPath, setResourceLinkPath] = useState('');
   const [imagesPath, setImagesPath] = useState('');
+  const [metadata, setMetadata] = useState(null);
 
   useEffect(() => {
     async function getLinkedFolderPath() {
@@ -45,19 +46,24 @@ const TranslationHelps = ({
         const newpath = localStorage.getItem('userPath');
         const userProfile = await localforage.getItem('userProfile');
         const resourceDirPath = path.join(newpath, packageInfo.name, 'users', userProfile?.username, 'resources');
-        const pathToIngredients = path.resolve(resourceDirPath, offlineResource.data.projectDir, 'ingredients');
+        const pathToIngredients = path.join(resourceDirPath, offlineResource.data.projectDir, 'ingredients');
+        const metadataPath = path.join(resourceDirPath, offlineResource.data.projectDir, 'metadata.json');
         if (pathToIngredients) {
-          const pathRelationFile = path.resolve(pathToIngredients, 'relation.txt');
+          const pathRelationFile = path.join(pathToIngredients, 'relation.txt');
           if (fs.existsSync(pathRelationFile)) {
             setImagesPath(pathToIngredients);
             const relationFileContent = fs.readFileSync(pathRelationFile, 'utf8');
-            const fileName = findFileByPartialName(fs, path.resolve(resourceDirPath), relationFileContent.trim());
-            setResourceLinkPath(path.resolve(resourceDirPath, fileName, 'ingredients'));
+            const fileName = findFileByPartialName(fs, path.join(resourceDirPath), relationFileContent.trim());
+            setResourceLinkPath(path.join(resourceDirPath, fileName, 'ingredients'));
           } else {
             setImagesPath('');
             setResourceLinkPath(pathToIngredients);
             debug('TranslationHelps.js', `pathRelationFile : ${pathRelationFile} - Not found!`);
           }
+          if (fs.existsSync(metadataPath)) {
+            const metadataContent = JSON.parse(fs.readFileSync(metadataPath, 'utf8'));
+            setMetadata(metadataContent);
+          }
         }
       } catch (e) {
         debug('TranslationHelps.js', `Error : ${e}`);
@@ -90,24 +96,28 @@ const TranslationHelps = ({
             />
           );
         case 'tir':
-          return (
-            <TranslationHelpsMultimediaCard
-              title={t('label-resource-tir')}
-              verse={verse}
-              chapter={chapter}
-              projectId={bookId.toUpperCase() || 'mat'.toUpperCase()}
-              branch={branch}
-              languageId={languageId}
-              resourceId="tir"
-              owner={owner}
-              server="https://git.door43.org"
-              offlineResource={offlineResource}
-              font={font}
-              fontSize={fontSize}
-              folderPath={resourceLinkPath}
-              linkedFolderPath={imagesPath}
-            />
-          );
+          if (resourceLinkPath !== '' && metadata !== null) {
+            return (
+              <TranslationHelpsMultimediaCard
+                title={t('label-resource-tir')}
+                verse={verse}
+                chapter={chapter}
+                projectId={bookId.toUpperCase() || 'mat'.toUpperCase()}
+                branch={branch}
+                languageId={languageId}
+                resourceId="tir"
+                owner={owner}
+                server="https://git.door43.org"
+                offlineResource={offlineResource}
+                font={font}
+                fontSize={fontSize}
+                folderPath={resourceLinkPath}
+                linkedFolderPath={imagesPath}
+                metadata={metadata}
+              />
+            );
+          }
+          break;
         // case 'twl':
           // return (
           // <TranslationHelpsCard
diff --git a/renderer/src/components/EditorPage/Reference/TranslationHelpsMultimediaCard.js b/renderer/src/components/EditorPage/Reference/TranslationHelpsMultimediaCard.js
index 2b332ae9..ff59e571 100644
--- a/renderer/src/components/EditorPage/Reference/TranslationHelpsMultimediaCard.js
+++ b/renderer/src/components/EditorPage/Reference/TranslationHelpsMultimediaCard.js
@@ -33,6 +33,7 @@ export default function TranslationHelpsMultimediaCard({
   projectId,
   folderPath,
   linkedFolderPath,
+  metadata,
 }) {
   const [imagePaths, setImagePaths] = useState([]);
 
@@ -63,14 +64,12 @@ export default function TranslationHelpsMultimediaCard({
     // Split the content into lines
     const lines = fileContent.trim().split('\n');
     
-    let metadataJson;
     let columns;
     let realPath;
     let dashedName;
     let dashedNameSplited;
     let localizedNameTmp;
     if (linkedFolderPath === '') {
-      metadataJson = JSON.parse(fs.readFileSync(path.join(folderPath, '..', 'metadata.json')));
       // Loop through each line, starting from 1 to skip the header
       for (let i = 1; i < lines.length; i++) {
         columns = lines[i].split('\t');
@@ -78,13 +77,11 @@ export default function TranslationHelpsMultimediaCard({
         if (columns[0] === reference) {
           // Add the last column (image path) to the list
           dashedName = columns[columns.length - 1].split('/').at(-1).split('.')[0];
-          localizedNameTmp = metadataJson.localizedNames[dashedName]?.short[i18n.language] ?? '';
+          localizedNameTmp = metadata.localizedNames[dashedName]?.short[i18n.language] ?? '';
           finalImagePaths.push([localizedNameTmp, columns[columns.length - 1]]);
         }
       }
     } else {
-      metadataJson = JSON.parse(fs.readFileSync(path.join(linkedFolderPath, '..', 'metadata.json')));
-
       let tabName
       // Loop through each line, starting from 1 to skip the header
       for (let i = 1; i < lines.length; i++) {
@@ -95,7 +92,7 @@ export default function TranslationHelpsMultimediaCard({
           // Add the last column (image path) to the list
           dashedName = columns[columns.length - 1].split('images/')[1];
           dashedNameSplited = dashedName.split('/').at(-1);
-          localizedNameTmp = metadataJson.localizedNames[dashedNameSplited];
+          localizedNameTmp = metadata.localizedNames[dashedNameSplited];
           realPath = convertToFileUrl(path.join(linkedFolderPath, `${dashedName}.jpg`));
           if(dashedName.split('.').at(-1) !== 'jpg') {
             realPath = convertToFileUrl(path.join(linkedFolderPath, `${dashedName}.jpg`));
diff --git a/styles/globals.css b/styles/globals.css
index b44c5b81..fae1087f 100755
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -862,22 +862,14 @@ Select scribe theme Start
 	height: auto;
 	object-fit: cover;
 	cursor: pointer;
-	transition: transform 0.2s;
 	border-radius: 10px;
+	transition: transform 0.2s;
 }
 
 .gallery-image:hover {
 	transform: scale(1.05);
 }
 
-/* .gallery-video {
-	width: 300px;
-	height: auto;
-	border-radius: 10px;
-	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-	outline: none;
-} */
-
 .zoomed-image-container {
 	position: fixed;
 	top: 0;