diff --git a/scss/base/_base.scss b/scss/base/_base.scss
index cc7da47844..cd78bc066b 100644
--- a/scss/base/_base.scss
+++ b/scss/base/_base.scss
@@ -12,7 +12,7 @@
     @media not (-moz-platform: windows) {
         --color-accent: SelectedItem;
     }
-    --color-focus-search-color: color-mix(in srgb, var(--color-accent) 70%, transparent);
+    --color-focus-search: color-mix(in srgb, var(--color-accent) 70%, transparent);
     @media (-moz-platform: windows) {
         @include light-dark(--color-focus-border, #000, #fff);
         --width-focus-border: 2px;
diff --git a/scss/components/_search.scss b/scss/components/_search.scss
index 4dd05fa211..6aca173786 100644
--- a/scss/components/_search.scss
+++ b/scss/components/_search.scss
@@ -20,8 +20,8 @@
 	
 		&:focus {
 			outline: none;
-			border-color: var(--color-focus-search-color);
-			box-shadow: 0 0 0 calc(var(--width-focus-border) - 1px) var(--color-focus-search-color);
+			border-color: var(--color-focus-search);
+			box-shadow: 0 0 0 calc(var(--width-focus-border) - 1px) var(--color-focus-search);
 		}
 	}
 
@@ -54,7 +54,7 @@ search-textbox {
 	&:focus {
 		outline: none;
 		border-color: transparent;
-		box-shadow: 0 0 0 var(--width-focus-border) var(--color-focus-search-color);
+		box-shadow: 0 0 0 var(--width-focus-border) var(--color-focus-search);
 	}
 }