diff --git a/Services/client/src/components/FileIcon.vue b/Services/client/src/components/FileIcon.vue
index 7c524a5..6d13678 100644
--- a/Services/client/src/components/FileIcon.vue
+++ b/Services/client/src/components/FileIcon.vue
@@ -15,7 +15,10 @@ function getIcon(mimeType: string | undefined, fileName: string | undefined) {
 
   const extension = mime.getExtension(mimeType)
 
-  if (extension) return mimeFileMapping[mimeType].icon
+  if (extension && mimeFileMapping[mimeType]) {
+    return mimeFileMapping[mimeType].icon
+  }
+
   if (fileName && fileName.includes('.')) return 'mdi-file-outline'
 
   return 'mdi-file-question-outline'
@@ -26,7 +29,9 @@ function getColor(mimeType: string | undefined, fileName: string | undefined) {
 
   const extension = mime.getExtension(mimeType)
 
-  if (extension) return mimeFileMapping[mimeType].color
+  if (extension && mimeFileMapping[mimeType]) {
+    return mimeFileMapping[mimeType].color
+  }
   if (fileName && fileName.includes('.')) return 'blue-11'
 
   return 'grey-5'