diff --git a/web/src/components/sidebar/SidebarTab.svelte b/web/src/components/sidebar/SidebarTab.svelte
index e7cf5481..4ed37cc3 100644
--- a/web/src/components/sidebar/SidebarTab.svelte
+++ b/web/src/components/sidebar/SidebarTab.svelte
@@ -129,12 +129,14 @@
             background-color: var(--button-hover-transparent);
         }
 
-        .sidebar-tab:active:not(.active) {
+        .sidebar-tab:active:not(.active),
+        .sidebar-tab:focus:hover:not(.active) {
             background-color: var(--button-press-transparent);
         }
 
         .sidebar-tab:hover:not(.active),
-        .sidebar-tab:active:not(.active) {
+        .sidebar-tab:active:not(.active),
+        .sidebar-tab:focus:hover:not(.active) {
             opacity: 1;
             box-shadow: 0 0 0 1.5px var(--sidebar-stroke) inset;
         }
diff --git a/web/src/components/subnav/PageNavTab.svelte b/web/src/components/subnav/PageNavTab.svelte
index ad13bd5c..fbe0d4e3 100644
--- a/web/src/components/subnav/PageNavTab.svelte
+++ b/web/src/components/subnav/PageNavTab.svelte
@@ -106,7 +106,8 @@
         }
     }
 
-    .subnav-tab:active {
+    .subnav-tab:active,
+    .subnav-tab:focus:hover:not(.active) {
         background: var(--button-press-transparent);
         box-shadow: var(--button-box-shadow);
     }