diff --git a/api/queries/functions/images.ts b/api/queries/functions/images.ts
index 422d8aaa..d16e2620 100644
--- a/api/queries/functions/images.ts
+++ b/api/queries/functions/images.ts
@@ -15,7 +15,7 @@ export function fetchItemImage(itemId: string, imageType: ImageType = ImageType.
         const existingImage = await FileSystem.exists(getImageFilePath(itemId, width, height, imageType));
 
         if (existingImage)
-            resolve(await FileSystem.readFile(getImageFilePath(itemId, width, height, imageType)));
+            resolve(await FileSystem.readFile(getImageFilePath(itemId, width, height, imageType), 'base64'));
         else
             getImageApi(Client.api!)
                 .getItemImage({
@@ -35,7 +35,7 @@ export function fetchItemImage(itemId: string, imageType: ImageType = ImageType.
 
                     FileSystem.writeFile(getImageFilePath(itemId, width, height, imageType), await blobToBase64(data))
                     .then(async () => {
-                        resolve(await FileSystem.readFile(getImageFilePath(itemId, width, height, imageType)));
+                        resolve(await FileSystem.readFile(getImageFilePath(itemId, width, height, imageType), 'base64'));
                     })
                 } else {
                     reject();
@@ -47,8 +47,8 @@ export function fetchItemImage(itemId: string, imageType: ImageType = ImageType.
     });
 }
 
-function getImageFilePath(itemId: string, width: number, height: number, imageType?: ImageType | undefined) {
-    return `${Dirs.CacheDir}/images/${itemId}_${imageType ? `${imageType}_` : ''}${width}x${height}.Jpg`
+function getImageFilePath(itemId: string, width: number, height: number, imageType: ImageType) {
+    return `${Dirs.CacheDir}/images/${itemId}_${imageType}_${width}x${height}.Jpg`
 }
 
 function blobToBase64(blob : Blob) {