diff --git a/frontend/src/styles/tailwind.css b/frontend/src/styles/tailwind.css
index 4aa28e90503..81707c9d904 100644
--- a/frontend/src/styles/tailwind.css
+++ b/frontend/src/styles/tailwind.css
@@ -173,10 +173,10 @@ Time                - 11px - xs semibold (default leading-tight)
   [class*="focus-slim-filled"] {
     @apply focus-visible:relative focus-visible:after:pointer-events-none;
     /* colored outline */
-    @apply focus-visible:outline focus-visible:outline-1.5;
+    @apply focus-visible:outline focus-visible:outline-1.5 focus-visible:outline-offset-0;
     /* absolutely positioned overlapping pseudo element with a 1.5px border */
     @apply focus-visible:after:absolute focus-visible:after:z-10 focus-visible:after:rounded-inherit;
-    @apply focus-visible:after:border focus-visible:after:border-white;
+    @apply focus-visible:after:border-1.5 focus-visible:after:border-white;
     @apply focus-visible:after:h-full-with-border focus-visible:after:w-full-with-border;
     @apply focus-visible:after:-left-px focus-visible:after:-top-px;
   }