diff --git a/src/assets/css/components.css b/src/assets/css/components.css
index 360e3b8c..21de33a1 100644
--- a/src/assets/css/components.css
+++ b/src/assets/css/components.css
@@ -174,9 +174,9 @@ p + .adoptables { margin-top: 1em; }
 
 .tab__btn:hover { background-color: #d5c2d6; }
 
-.tab__btn:active {
-    color: var(--clr-title-border);
-    background-color: var(--clr-code-bg);
+.tab__btn:focus {
+    outline: 0.2em solid var(--clr-title-border);
+    outline-offset: 0.15em;
 }
 
 /* Web ring */