diff --git a/packages/interface/src/components/Explorer/File/Title.tsx b/packages/interface/src/components/Explorer/File/Title.tsx
index 609df1179..e043cdcc9 100644
--- a/packages/interface/src/components/Explorer/File/Title.tsx
+++ b/packages/interface/src/components/Explorer/File/Title.tsx
@@ -77,7 +77,7 @@ export function Title({
         className
       )}
     >
-      {file.name}
+      {file.name}{file.extension && `.${file.extension}`}
     </div>
   );
 }
diff --git a/packages/interface/src/components/Explorer/views/ColumnView/ColumnItem.tsx b/packages/interface/src/components/Explorer/views/ColumnView/ColumnItem.tsx
index cc2237d56..d33280fbd 100644
--- a/packages/interface/src/components/Explorer/views/ColumnView/ColumnItem.tsx
+++ b/packages/interface/src/components/Explorer/views/ColumnView/ColumnItem.tsx
@@ -63,7 +63,7 @@ export const ColumnItem = memo(
 					<div className="[&_*]:!rounded-[3px] flex-shrink-0">
 						<FileComponent.Thumb file={file} size={20} />
 					</div>
-					<span className="text-sm truncate flex-1">{file.name}</span>
+					<span className="text-sm truncate flex-1">{file.name}{file.extension && `.${file.extension}`}</span>
 					{file.kind === "Directory" && (
 						<svg
 							className="size-3 text-ink-dull"
diff --git a/packages/interface/src/components/Explorer/views/GridView/FileCard.tsx b/packages/interface/src/components/Explorer/views/GridView/FileCard.tsx
index 7aecadd90..859c67fb9 100644
--- a/packages/interface/src/components/Explorer/views/GridView/FileCard.tsx
+++ b/packages/interface/src/components/Explorer/views/GridView/FileCard.tsx
@@ -140,7 +140,7 @@ export const FileCard = memo(
 								selected && !dndIsDragging ? "bg-accent text-white" : "text-ink",
 							)}
 						>
-							{file.name}
+							{file.name}{file.extension && `.${file.extension}`}
 						</div>
 						{showFileSize && file.size > 0 && (
 							<div className="text-xs text-ink-dull mt-0.5">
diff --git a/packages/interface/src/components/Explorer/views/ListView/TableRow.tsx b/packages/interface/src/components/Explorer/views/ListView/TableRow.tsx
index 6e7988c1b..c2ba5c47f 100644
--- a/packages/interface/src/components/Explorer/views/ListView/TableRow.tsx
+++ b/packages/interface/src/components/Explorer/views/ListView/TableRow.tsx
@@ -184,7 +184,7 @@ const NameCell = memo(function NameCell({ file }: { file: File }) {
 			</div>
 
 			{/* File name */}
-			<span className="truncate text-sm text-ink">{file.name}</span>
+			<span className="truncate text-sm text-ink">{file.name}{file.extension && `.${file.extension}`}</span>
 
 			{/* Tags (inline, compact) */}
 			{file.tags && file.tags.length > 0 && (
diff --git a/packages/interface/src/components/Explorer/views/MediaView/MediaViewItem.tsx b/packages/interface/src/components/Explorer/views/MediaView/MediaViewItem.tsx
index 9baba2f3c..e4fc5bc3d 100644
--- a/packages/interface/src/components/Explorer/views/MediaView/MediaViewItem.tsx
+++ b/packages/interface/src/components/Explorer/views/MediaView/MediaViewItem.tsx
@@ -93,7 +93,7 @@ export const MediaViewItem = memo(function MediaViewItem({
 			{/* Hover overlay with file name */}
 			<div className="absolute inset-x-0 bottom-0 px-2 py-1.5 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity">
 				<div className="text-white text-xs font-medium truncate">
-					{file.name}
+					{file.name}{file.extension && `.${file.extension}`}
 				</div>
 			</div>