diff --git a/rsconcept/frontend/src/styling/styles.css b/rsconcept/frontend/src/styling/styles.css
index 52e87717..1ba11f4e 100644
--- a/rsconcept/frontend/src/styling/styles.css
+++ b/rsconcept/frontend/src/styling/styles.css
@@ -74,7 +74,7 @@
     }
   }
 
-  :is(.clr-primary, .clr-btn-primary:hover, .clr-btn-primary:focus) {
+  :is(.clr-primary, .clr-btn-primary:hover, .clr-btn-primary:focus-visible) {
     @apply transition;
     color: var(--cl-prim-fg-100);
     background-color: var(--cl-prim-bg-100);
@@ -113,7 +113,7 @@
     }
   }
 
-  :is(.clr-outline, .clr-btn-primary):focus {
+  :is(.clr-outline, .clr-btn-primary):focus-visible {
     outline-width: 2px;
     outline-style: solid;
     outline-color: var(--cl-prim-bg-100);