diff --git a/apps/web/src/app/_components/File.tsx b/apps/web/src/app/_components/File.tsx
index 9d23735..11bc07e 100644
--- a/apps/web/src/app/_components/File.tsx
+++ b/apps/web/src/app/_components/File.tsx
@@ -10,9 +10,9 @@ export function File({ path, showDelete = false }: FileProps) {
   const deleteFile = useDataStore((state) => state.deleteData);
 
   return (
-    <div className="flex flex-col gap-2 items-start justify-between border bg-white rounded-xl p-4">
+    <div className="flex flex-col gap-2 justify-between border bg-white rounded-xl p-4">
       <div className="flex items-start gap-2">
-        <div className="text-gray-800 text-xs break-all">{path}</div>
+        <div className="text-gray-800 text-xs break-all w-full">{path}</div>
         {showDelete && (
           <button
             className="text-xs bg-red-500 hover:bg-red-600 transition-colors border border-red-500 text-white px-2 py-1 rounded-full"