diff --git a/src/app.css b/src/app.css
index fcf4b0cd..92cc9957 100644
--- a/src/app.css
+++ b/src/app.css
@@ -2133,14 +2133,19 @@ ul.link-list li a .icon {
   text-decoration: none;
   white-space: nowrap;
   border: 2px solid transparent;
-  transition: all 0.3s ease-out;
+  transition: border-color 0.3s ease-out;
   display: inline-flex;
   align-items: center;
   gap: 8px;
 }
-.filter-bar > a:is(:hover, :focus) {
+.filter-bar > a:focus-visible {
   border-color: var(--link-light-color);
 }
+@media (hover: hover) {
+  .filter-bar > a:hover {
+    border-color: var(--link-light-color);
+  }
+}
 .filter-bar > a > * {
   vertical-align: middle;
 }