diff --git a/frontend/src/components/workspace/artifacts/artifact-file-list.tsx b/frontend/src/components/workspace/artifacts/artifact-file-list.tsx
index 4aad6301..99b2e374 100644
--- a/frontend/src/components/workspace/artifacts/artifact-file-list.tsx
+++ b/frontend/src/components/workspace/artifacts/artifact-file-list.tsx
@@ -18,7 +18,7 @@ import {
   getFileIcon,
   getFileName,
 } from "@/core/utils/files";
-import { cn, truncateMiddle } from "@/lib/utils";
+import { cn } from "@/lib/utils";
 
 import { useArtifacts } from "./context";
 
@@ -80,14 +80,12 @@ export function ArtifactFileList({
           onClick={() => handleClick(file)}
         >
           <CardHeader className="pr-2 pl-1">
-            <CardTitle className=" relative pl-8 overflow-hidden">
-              <div className=" text-ellipsis whitespace-nowrap text-sm font-normal" title={getFileName(file)}>
-                {truncateMiddle(getFileName(file), 50)}
+            <CardTitle className="relative pl-8">
+              <div>{getFileName(file)}</div>
+              <div className="absolute top-2 -left-0.5">
+                {getFileIcon(file, "size-6")}
               </div>
             </CardTitle>
-             <div className="absolute top-5 left-3">
-                {getFileIcon(file, "size-6 stroke-[1.5px] stroke-[#333333]")}
-            </div>
             <CardDescription className="pl-8 text-xs">
               {getFileExtensionDisplayName(file)} file
             </CardDescription>