diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue
index 366c6b3..8955b17 100644
--- a/src/features/search/components/Searchbar.vue
+++ b/src/features/search/components/Searchbar.vue
@@ -78,7 +78,7 @@ const submitSearch = function () {
     border: none;
     padding: var(--submit-button-padding-y) 20px;
     background: var(--primary-color);
-    color: white;
+    color: var(--white);
     cursor: pointer;
     white-space: nowrap;
 }
diff --git a/src/features/search/views/SearchResultsView.vue b/src/features/search/views/SearchResultsView.vue
index b97736e..859f131 100644
--- a/src/features/search/views/SearchResultsView.vue
+++ b/src/features/search/views/SearchResultsView.vue
@@ -57,7 +57,7 @@ searchQueryModel.value = props.searchQuery;
     display: flex;
     justify-content: center;
     flex-direction: column;
-    outline: 1px solid #dadada;
+    outline: 1px solid var(--light-d-2);
 }
 
 @media (max-width: 48rem) {