diff --git a/src/components/SearchBar/SearchBar.scss b/src/components/SearchBar/SearchBar.scss
index ff3f686d555b5ade8392350e0ae1d3f3e1f5a205..5f31b7cbd274126c7a77c2223c83bbc76932577a 100644
--- a/src/components/SearchBar/SearchBar.scss
+++ b/src/components/SearchBar/SearchBar.scss
@@ -1,10 +1,11 @@
 
+$primary-color: #fff;
 .inputBox{
     display: flex;
     width: 250px;
     border-radius: 50px;
     overflow: hidden;
-    background-color: #fff;
+    background-color: $primary-color;
     padding: 5px;
     transition: width .15s cubic-bezier(0.68, -0.55, 0.27, 1.55)
 }
@@ -20,11 +21,11 @@
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
-    outline: #fff;
-    background-color: #fff;
+    outline: $primary-color;
+    background-color: $primary-color;
     background-clip: padding-box;
-    border: 0px solid #fff !important;
-    border-color: #fff !important;
+    border: 0px solid $primary-color !important;
+   
     border-radius: 50px;
 }
 .icon{