diff --git a/components/FileListing.tsx b/components/FileListing.tsx
index dda0041..94ba9ea 100644
--- a/components/FileListing.tsx
+++ b/components/FileListing.tsx
@@ -71,12 +71,12 @@ const formatChildName = (name: string) => {
   return render ? name.replace(emoji ? emoji[0] : '', '').trim() : name
 }
 export const ChildName: FC<{ name: string }> = ({ name }) => {
-  let basename = formatChildName(name)
-  const extension = getExtension(basename)
-  basename = basename.substring(0, basename.length - extension.length)
+  const original = formatChildName(name)
+  const extension = getExtension(original)
+  const prename = original.substring(0, original.length - extension.length)
   return (
     <span className="truncate before:float-right before:content-[attr(data-tail)]" data-tail={extension}>
-      {basename}
+      {prename}
     </span>
   )
 }
diff --git a/components/FolderListLayout.tsx b/components/FolderListLayout.tsx
index 6eb6e28..a7f7208 100644
--- a/components/FolderListLayout.tsx
+++ b/components/FolderListLayout.tsx
@@ -93,7 +93,7 @@ const FolderListLayout = ({
           key={c.id}
         >
           <Link href={`${path === '/' ? '' : path}/${encodeURIComponent(c.name)}`} passHref>
-            <a className="col-span-10">
+            <a className="col-span-12 md:col-span-10">
               <FileListItem fileContent={c} />
             </a>
           </Link>