diff --git a/src/renderer/components/input/search-input.scss b/src/renderer/components/input/search-input.scss
index d5d82e7d0c..2c9149c2cc 100644
--- a/src/renderer/components/input/search-input.scss
+++ b/src/renderer/components/input/search-input.scss
@@ -30,12 +30,13 @@
     color: inherit;
     background: none;
     border: none;
-    border-radius: $radius;
-    box-shadow: 0 0 0 1px $halfGray;
+    border-radius: var(--border-radius);
+    box-shadow: 0 0 0 1px var(--halfGray);
     padding: var(--spacing);
 
     .Icon {
-      height: $margin * 2;
+      height: calc(var(--margin) * 2);
+      width: calc(var(--margin) * 2);
     }
   }