diff --git a/src/app/components/MediaEntry.tsx b/src/app/components/MediaEntry.tsx
index 30bc5e5..c3e7a2f 100644
--- a/src/app/components/MediaEntry.tsx
+++ b/src/app/components/MediaEntry.tsx
@@ -1,4 +1,5 @@
 import {
+  Album,
   BookOpen,
   Braces,
   CassetteTape,
@@ -12,6 +13,7 @@ import {
   Folder,
   HardDrive,
   Image as ImageIcon,
+  BookImage,
   Layers,
   MoreVertical,
   Music,
@@ -39,6 +41,7 @@ export const DISK_EXTS    = new Set(['c64', 'd41', 'd64', 'd67', 'd71', 'd80', '
 export const DISC_EXTS    = new Set(['iso', 'img', 'cue']);
 export const HD_EXTS      = new Set(['d1m', 'd2m', 'd4m', 'd90', 'dhd', 'hdd', 'bbt', 'd8b', 'dfi']);
 export const ARCHIVE_EXTS = new Set(['zip', '7z', 'tar', 'gz', 'bz2', 'xz', 'rar', 'arj', 'lzh', 'ace', 'z', 'lha', 'cab', 'lbr', 'arc', 'ark', 'lnx']);
+export const COMIC_EXTS    = new Set(['cbz', 'cbr', 'cb7', 'cbt', 'cbz']);
 export const CONFIG_EXTS  = new Set(['config']);
 
 // ─── EntryIcon ────────────────────────────────────────────────────────────────
@@ -62,6 +65,7 @@ export function EntryIcon({ entry }: { entry: EntryInfo }) {
   if (DOC_EXTS.has(ext))      return <FileType          className="w-5 h-5 text-blue-400    flex-shrink-0" />;
   if (CODE_EXTS.has(ext))     return <Terminal          className="w-5 h-5 text-green-600   flex-shrink-0" />;
   if (TEXT_EXTS.has(ext))     return <FileText          className="w-5 h-5 text-green-600   flex-shrink-0" />;
+  if (COMIC_EXTS.has(ext))    return <BookImage          className="w-5 h-5 text-pink-500    flex-shrink-0" />;
   return                             <File              className="w-5 h-5 text-neutral-400 flex-shrink-0" />;
 }