diff --git a/src/gui/src/css/dashboard.css b/src/gui/src/css/dashboard.css
index 171a6b660..11f9bd22a 100644
--- a/src/gui/src/css/dashboard.css
+++ b/src/gui/src/css/dashboard.css
@@ -952,7 +952,6 @@ input.myapps-search::-webkit-search-decoration {
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     word-break: break-word;
-    white-space: nowrap;
 }
 
 /* Uninstall confirmation modal */
@@ -1815,7 +1814,7 @@ body.myapps-reordering .myapps-tile {
 }
 
 .dashboard-section-files .row.folder.ui-droppable-hover,
-.dashboard-section-files .row.folder.selected.ui-droppable-over {
+.dashboard-section-files .row.folder.selected.ui-droppable-hover {
     color: var(--dashboard-text);
     background-color: rgba(59, 130, 246, 0.1);
     border: 2px dashed var(--select-color);
@@ -1901,14 +1900,16 @@ body.myapps-reordering .myapps-tile {
 }
 
 /* Dark mode support for native file drop */
-.window[data-color-scheme="dark"] .dashboard-section-files .files.native-drop-active {
-    background-color: rgba(100, 180, 255, 0.12);
-    outline-color: #4da3ff;
-}
+@media (prefers-color-scheme: dark) {
+    .dashboard-section-files .files.native-drop-active {
+        background-color: rgba(100, 180, 255, 0.12);
+        outline-color: #4da3ff;
+    }
 
-.window[data-color-scheme="dark"] .dashboard-section-files .directories li.native-drop-target,
-.window[data-color-scheme="dark"] .dashboard-section-files .files .row.folder.native-drop-target {
-    background-color: rgba(100, 180, 255, 0.2);
+    .dashboard-section-files .directories li.native-drop-target,
+    .dashboard-section-files .files .row.folder.native-drop-target {
+        background-color: rgba(100, 180, 255, 0.2);
+    }
 }
 
 .dashboard-section-files .files-footer {
@@ -1926,7 +1927,7 @@ body.myapps-reordering .myapps-tile {
     align-items: center;
     justify-content: center;
     gap: 8px;
-    color: #666;
+    color: var(--dashboard-text-secondary);
     z-index: 10;
 }
 
@@ -1936,7 +1937,7 @@ body.myapps-reordering .myapps-tile {
 }
 
 .dashboard-section-files .files-footer-separator {
-    color: #CCC;
+    color: var(--dashboard-text-muted);
 }
 
 /* Floating Selection Actions Bar */
@@ -2179,11 +2180,9 @@ body.myapps-reordering .myapps-tile {
     display: flex;
     align-items: center;
     justify-content: center;
-    /* background: #fafafa; */
+    background: var(--dashboard-background);
     border-radius: 8px;
     overflow: hidden;
-    background: white;
-    border-radius: 2px;
 }
 
 .dashboard-section-files .files-tab .files.files-grid-view .row .item-icon img {
@@ -2242,11 +2241,9 @@ body.myapps-reordering .myapps-tile {
 /* Hide .item-more on desktop (non-touch devices) - use right-click context menu instead */
 .dashboard-section-files .files-tab:not(.touch-device) .files.files-list-view .row .item-more,
 .dashboard-section-files .files-tab:not(.touch-device) .files.files-grid-view .row .item-more,
-@media (hover: hover) {
-    .dashboard-section-files .files-tab:not(.touch-device) .files.files-grid-view .row:hover .item-more,
-    .dashboard-section-files .files-tab:not(.touch-device) .header .columns .item-more {
-        display: none !important;
-    }
+.dashboard-section-files .files-tab:not(.touch-device) .files.files-grid-view .row:hover .item-more,
+.dashboard-section-files .files-tab:not(.touch-device) .header .columns .item-more {
+    display: none !important;
 }
 
 .dashboard-section-files .files-tab .files.files-grid-view .row .item-name-editor {
@@ -2444,12 +2441,6 @@ body.myapps-reordering .myapps-tile {
     transform: rotate(-45deg) translate(4px, -4px);
 }
 
-.dashboard-sidebar-separator {
-    height: 1px;
-    background: var(--dashboard-border);
-    margin: 15px 0;
-}
-
 /* Responsive: tablet and below */
 @media (max-width: 768px) {
     .dashboard-sidebar-header {
@@ -2486,6 +2477,15 @@ body.myapps-reordering .myapps-tile {
         padding: 64px 16px 24px;
     }
 
+    /* The Files tab keeps its own `padding: 0 0 0 10px` (higher specificity)
+       so the rule above doesn't clear the fixed hamburger toggle for it. Push
+       the directories column down instead, so the toggle doesn't sit on top of
+       the first folder row (the column is hidden below 480px, so this only
+       affects the tablet range). */
+    .dashboard-section-files .directories {
+        padding-top: 52px;
+    }
+
     .myapps-search-wrap {
         padding-top: 60px;
         margin-bottom: 10px;
@@ -3999,8 +3999,10 @@ body.myapps-reordering .myapps-tile {
     opacity: 0.8;
 }
 
-/* Desktop - transparent backdrop */
-@media (min-width: 768px) {
+/* Desktop - transparent backdrop. Use 769px so it doesn't overlap the mobile
+   rules (all keyed to max-width: 768px) at exactly 768px, where a touch tablet
+   would otherwise get a fully transparent, non-dimming modal backdrop. */
+@media (min-width: 769px) {
     .context-menu-modal-backdrop {
         background-color: transparent;
     }