diff --git a/public/index.html b/public/index.html
index 9ea140e..84701c4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -120,8 +120,11 @@
             user-select: none;
         }
 
-        .file-header:hover {
+        .file-header:hover,
+        .file-header:focus-visible {
             background: #21262d;
+            outline: 2px solid #58a6ff;
+            outline-offset: -2px;
         }
 
         .file-header:focus-visible {
@@ -1288,7 +1291,13 @@ <h3>No Staged Changes</h3>
             }
 
             // Close all other diffs
-            document.querySelectorAll('.file-diff').forEach(d => d.classList.remove('active'));
+            document.querySelectorAll('.file-diff').forEach(d => {
+                d.classList.remove('active');
+                const h = d.previousElementSibling;
+                if (h && h.classList.contains('file-header')) {
+                    h.setAttribute('aria-expanded', 'false');
+                }
+            });
             document.querySelectorAll('.expand-icon').forEach(i => i.classList.remove('rotated'));
             document.querySelectorAll('.file-header').forEach(h => h.setAttribute('aria-expanded', 'false'));