diff --git a/src/features/search/views/SearchResultsView.vue b/src/features/search/views/SearchResultsView.vue
index 42a8a3c..a6a3171 100644
--- a/src/features/search/views/SearchResultsView.vue
+++ b/src/features/search/views/SearchResultsView.vue
@@ -64,7 +64,7 @@ searchQueryModel.value = props.searchQuery;
 .search-results-error-message {
     padding: var(--error-message-padding);
     font-size: 18px;
-    box-shadow: 0px 0px 42px #cdcdcdb3;
+    box-shadow: 0px 0px 42px var(--gray-box-shadow);
     border-radius: 28px;
     text-align: center;
     background-color: var(--light-bg);
diff --git a/src/styles/variables/colors.css b/src/styles/variables/colors.css
index ca49d6b..51b81e5 100644
--- a/src/styles/variables/colors.css
+++ b/src/styles/variables/colors.css
@@ -77,6 +77,8 @@ limitations under the License.
     --light-bg:             var(--white);
 
     --border:               var(--white-d-3);
+
+    --gray-box-shadow:    oklch(0.8 0.0001 271 / 0.7);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -105,6 +107,8 @@ limitations under the License.
         --light-bg:             oklch(0.18 0 0);
 
         --border:               var(--black-l-6);
+
+        --gray-box-shadow:    oklch(0.25 0.0001 271 / 0.7);
     }
 }
 
@@ -133,4 +137,6 @@ limitations under the License.
     --light-bg:             oklch(0.18 0 0);
 
     --border:               var(--black-l-6);
+
+    --gray-box-shadow:    oklch(0.25 0.0001 271 / 0.7);
 }
\ No newline at end of file