diff --git a/frontend/src/repositories/Document.ts b/frontend/src/repositories/Document.ts
index 5c8567a..b100449 100644
--- a/frontend/src/repositories/Document.ts
+++ b/frontend/src/repositories/Document.ts
@@ -37,17 +37,14 @@ export class Doc {
     return this.url.replace(/^\/#/, '')
   }
   get img(): boolean {
-    const ext = this.name.split('.').pop()?.toLowerCase()
-    return ['jpg', 'jpeg', 'png', 'gif', 'webp', 'avif', 'svg'].includes(ext || '')
+    const ext = this.name.split('.').pop()?.toLowerCase() || ''
+    return ['jpg', 'jpeg', 'png', 'gif', 'webp', 'avif', 'heic', 'heif', 'svg'].includes(ext)
   }
   get previewable(): boolean {
     if (this.img) return true
-    const ext = this.name.split('.').pop()?.toLowerCase()
+    const ext = this.name.split('.').pop()?.toLowerCase() || ''
     // Not a comprehensive list, but good enough for now
-    return [
-      'mp4', 'mkv', 'webm', 'ogg', 'mp3', 'flac', 'aac', 'pdf',
-      'avif', 'heic', 'heif', 'jpg', 'jpeg', 'png'
-    ].includes(ext || '')
+    return ['mp4', 'mkv', 'webm', 'ogg', 'mp3', 'flac', 'aac', 'pdf'].includes(ext)
   }
   get previewurl(): string {
     return this.url.replace(/^\/files/, '/preview')