diff --git a/frontend/src/components/FileExplorer.tsx b/frontend/src/components/FileExplorer.tsx
index 8077b07..eb79a31 100644
--- a/frontend/src/components/FileExplorer.tsx
+++ b/frontend/src/components/FileExplorer.tsx
@@ -6,7 +6,7 @@ import {
   Folder as LucideFolder, File, Search, Pin, Trash2, HardDrive, Settings,
   ChevronRight, Grid3X3, List, Plus, Upload, LogOut,
   MoreVertical, Star, Download, Pencil, Copy, Move,
-  FolderPlus, ArrowUp, X, Check, RefreshCw, Info, Link as LinkIcon, Image as ImageIcon, Film as FilmIcon,
+  FolderPlus, ArrowUp, X, Check, RefreshCw, Info, Link as LinkIcon, Image as ImageIcon, Film as FilmIcon, Home,
   Sun, Moon, Music as MusicIcon, Code as CodeIcon, Archive as ArchiveIcon, CornerDownRight,
   CheckCircle, AlertCircle, Menu
 } from 'lucide-react';
@@ -1464,10 +1464,11 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
               )}
               <button
                 onClick={() => { navigateTo('.'); setActiveSection('files'); }}
-                className="text-sm font-medium hover:opacity-80 transition-opacity"
+                className="text-sm font-medium hover:opacity-80 transition-opacity flex items-center"
                 style={{ color: 'var(--color-text-secondary)' }}
+                title="Home"
               >
-                Home
+                {isMobile ? <Home className="w-4.5 h-4.5" /> : "Home"}
               </button>
               {pathSegments.map((seg, i) => (
                 <div key={i} className="flex items-center gap-1">
@@ -1739,7 +1740,7 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
                     {group.name && (
                       <h3 className="text-xs font-semibold uppercase tracking-wider mb-3 px-1" style={{ color: 'var(--color-text-tertiary)' }}>{group.name}</h3>
                     )}
-                    <div className="grid gap-3" style={{ gridTemplateColumns: `repeat(auto-fill, minmax(${gridSize}px, 1fr))` }}>
+                    <div className="grid gap-3" style={{ gridTemplateColumns: isMobile ? 'repeat(2, 1fr)' : `repeat(auto-fill, minmax(${gridSize}px, 1fr))` }}>
                       {group.files.map((file, idx) => (
                       <motion.div
                         key={file.path}
@@ -1829,10 +1830,10 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
                       <h3 className="text-xs font-semibold uppercase tracking-wider mb-2 px-4" style={{ color: 'var(--color-text-tertiary)' }}>{group.name}</h3>
                     )}
                     <div className="space-y-0.5">
-                      <div className="grid grid-cols-[1fr_100px_140px_40px] gap-4 px-4 py-2 text-xs font-medium uppercase tracking-wider" style={{ color: 'var(--color-text-tertiary)' }}>
+                      <div className={`grid ${isMobile ? 'grid-cols-[1fr_40px]' : 'grid-cols-[1fr_100px_140px_40px]'} gap-4 px-4 py-2 text-xs font-medium uppercase tracking-wider`} style={{ color: 'var(--color-text-tertiary)' }}>
                         <span>Name</span>
-                        <span>Size</span>
-                        <span>Modified</span>
+                        {!isMobile && <span>Size</span>}
+                        {!isMobile && <span>Modified</span>}
                         <span></span>
                       </div>
                       {group.files.map((file, idx) => (
@@ -1851,7 +1852,7 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
                       onClick={(e) => handleFileClick(file, e)}
                       onContextMenu={(e) => handleContextMenu(e, file)}
                       {...getTouchHandlers(file)}
-                      className={`grid grid-cols-[1fr_100px_140px_40px] gap-4 items-center px-4 py-2.5 rounded-lg cursor-pointer transition-all duration-100 group ${draggedFile === file.path ? 'opacity-50' : ''}`}
+                      className={`grid ${isMobile ? 'grid-cols-[1fr_40px]' : 'grid-cols-[1fr_100px_140px_40px]'} gap-4 items-center px-4 py-2.5 rounded-lg cursor-pointer transition-all duration-100 group ${draggedFile === file.path ? 'opacity-50' : ''}`}
                       style={{ backgroundColor: selectedFiles.has(file.path) || dragOverFolder === file.path ? 'var(--color-accent-subtle)' : 'transparent' }}
                     >
                       <div className="flex items-center gap-3 min-w-0">
@@ -1889,9 +1890,9 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
                         )}
                         {file.is_pinned && <Pin className="w-3 h-3 flex-shrink-0" style={{ color: 'var(--color-warning)' }} />}
                       </div>
-                      <span className="text-xs" style={{ color: 'var(--color-text-tertiary)' }}>{file.is_dir ? '—' : formatSize(file.size)}</span>
-                      <span className="text-xs" style={{ color: 'var(--color-text-tertiary)' }}>{formatDate(file.mod_time)}</span>
-                      <button onClick={(e) => { e.stopPropagation(); handleContextMenu(e, file); }} className="p-1 rounded opacity-0 group-hover:opacity-100 transition-opacity">
+                      {!isMobile && <span className="text-xs" style={{ color: 'var(--color-text-tertiary)' }}>{file.is_dir ? '—' : formatSize(file.size)}</span>}
+                      {!isMobile && <span className="text-xs" style={{ color: 'var(--color-text-tertiary)' }}>{formatDate(file.mod_time)}</span>}
+                      <button onClick={(e) => { e.stopPropagation(); handleContextMenu(e, file); }} className={`p-1 rounded transition-opacity ${isMobile ? 'opacity-100' : 'opacity-0 group-hover:opacity-100'}`}>
                         <MoreVertical className="w-4 h-4" style={{ color: 'var(--color-text-tertiary)' }} />
                       </button>
                     </motion.div>