diff --git a/src/scss/_mixins.scss b/src/scss/_mixins.scss
index 15fd472..a1dbb03 100644
--- a/src/scss/_mixins.scss
+++ b/src/scss/_mixins.scss
@@ -83,7 +83,7 @@
 }
 
 @mixin button-focused {
-	outline: var(--outline-focus) auto thick !important;
+	outline: var(--outline-focus) solid thick !important;
 	z-index: 1;
 	border-color: var(--background-dark);
 }
diff --git a/src/scss/style.scss b/src/scss/style.scss
index ca9c68d..a1c0c04 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -114,11 +114,11 @@ input {
 }
 
 :focus {
-	outline: var(--outline-focus) auto thick !important;
+	outline: var(--outline-focus) solid thick !important;
 }
 
 :focus-visible {
-	outline: var(--outline-focus) auto thick !important;
+	outline: var(--outline-focus) solid thick !important;
 }
 
 .checkbox {
@@ -165,7 +165,7 @@ input {
 
 		&:focus ~ span:after {
 			content: '';
-			outline: var(--outline-focus) auto thick;
+			outline: var(--outline-focus) solid thick;
 			position: absolute;
 			top: 0;
 			right: -0.5rem;