diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue
index 4017338..be24483 100644
--- a/src/features/search/components/Searchbar.vue
+++ b/src/features/search/components/Searchbar.vue
@@ -29,7 +29,7 @@ limitations under the License.
     --padding-left: calc(var(--content-height) + var(--padding));
     display: flex;
     align-items: center;
-    border: 1.5px solid #ccc;
+    border: 1.5px solid var(--light-d-3);
     box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25);
     border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding));
     padding: var(--padding);
@@ -52,13 +52,13 @@ limitations under the License.
     border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y));
     border: none;
     padding: var(--submit-button-padding-y) 20px;
-    background: #4562BE;
+    background: var(--primary-color);
     color: white;
     cursor: pointer;
     white-space: nowrap;
 }
 
 .search-button:hover {
-    background: #374FA5;
+    background: var(--primary-color-l-1);
 }
 </style>
\ No newline at end of file