diff --git a/frontend/src/components/VFourOhFour.vue b/frontend/src/components/VFourOhFour.vue
index 638248dfe5d..aaa11d489e4 100644
--- a/frontend/src/components/VFourOhFour.vue
+++ b/frontend/src/components/VFourOhFour.vue
@@ -38,7 +38,7 @@ useHead({
 <template>
   <div class="error grid overflow-x-hidden">
     <VSvg
-      class="z-0 pointer-events-none col-start-1 row-start-1 -mx-[15%] fill-gray-12 opacity-5 lg:mx-15 lg:-mt-20"
+      class="z-0 pointer-events-none col-start-1 row-start-1 -mx-[15%] fill-gray-12 opacity-5 lg:mx-15 lg:-mt-20 dark:fill-gray-8"
       viewBox="0 0 1320 569"
       name="oops"
     />
diff --git a/frontend/src/components/VHeader/VHeader.vue b/frontend/src/components/VHeader/VHeader.vue
index c28f39e618d..8ac9e62d89a 100644
--- a/frontend/src/components/VHeader/VHeader.vue
+++ b/frontend/src/components/VHeader/VHeader.vue
@@ -36,7 +36,12 @@ const headerComponent = computed(() => {
   }[props.kind]
 })
 
-const bg = computed(() => `bg-${props.color}`)
+const bg = computed(() => {
+  if (props.color === "default") {
+    return "bg-default"
+  }
+  return "bg-complementary dark:bg-default"
+})
 </script>
 
 <template>
diff --git a/frontend/src/components/VHeader/VSearchBar/VSearchButton.vue b/frontend/src/components/VHeader/VSearchBar/VSearchButton.vue
index 3f560e2c1d0..83017235e55 100644
--- a/frontend/src/components/VHeader/VSearchBar/VSearchButton.vue
+++ b/frontend/src/components/VHeader/VSearchBar/VSearchButton.vue
@@ -30,7 +30,7 @@ const { doneHydrating } = useHydrating()
         'border-tx bg-secondary hover:bg-primary': route === 'search',
         'border-tx bg-primary text-over-dark hover:!bg-primary-hover':
           route === 'home',
-        'border-black': route === '404',
+        'border-black dark:border-tx': route === '404',
       },
     ]"
   >
diff --git a/frontend/src/components/VHeader/VSearchBar/VStandaloneSearchBar.vue b/frontend/src/components/VHeader/VSearchBar/VStandaloneSearchBar.vue
index 15870af78a9..de75723cd7d 100644
--- a/frontend/src/components/VHeader/VSearchBar/VStandaloneSearchBar.vue
+++ b/frontend/src/components/VHeader/VSearchBar/VStandaloneSearchBar.vue
@@ -50,13 +50,13 @@ defineExpose({ focusInput })
   <form
     action="/search"
     role="search"
-    class="search-bar group flex h-14 flex-row items-center rounded-sm border-tx bg-default sm:h-16"
+    class="search-bar group flex h-14 flex-row items-center rounded-sm border-tx bg-default sm:h-16 dark:bg-overlay dark:focus-within:bg-default"
     @submit.prevent="handleSearch"
   >
     <div
       class="input-field search-field group flex h-full flex-grow items-center overflow-hidden rounded-sm rounded-e-none border border-e-0 p-0.5px pe-2 focus-within:border-1.5 focus-within:border-e-0 focus-within:p-0 focus-within:pe-2"
       :class="[
-        route === 'home' ? 'border-tx' : 'border-black',
+        route === 'home' ? 'border-tx' : 'border-black dark:border-tx',
         hasPopover ? 'focus-within:border-tx' : 'focus-within:border-focus',
       ]"
     >
@@ -66,7 +66,7 @@ defineExpose({ focusInput })
         type="search"
         name="q"
         :placeholder="$t('hero.search.placeholder')"
-        class="paragraph-large md:label-regular ms-4 h-full w-full appearance-none rounded-none bg-tx leading-none text-default placeholder-gray-8 focus-visible:outline-none"
+        class="paragraph-large md:label-regular focus-visible:outline-style-none ms-4 h-full w-full appearance-none rounded-none bg-tx leading-none text-default placeholder-gray-8 dark:placeholder-gray-4"
         :aria-label="
           $t('search.searchBarLabel', {
             openverse: 'Openverse',
diff --git a/frontend/src/layouts/default.vue b/frontend/src/layouts/default.vue
index fef1bfc16fd..c57c7aa789b 100644
--- a/frontend/src/layouts/default.vue
+++ b/frontend/src/layouts/default.vue
@@ -11,12 +11,12 @@ defineOptions({
 
 <template>
   <div
-    class="app h-dyn-screen grid grid-cols-1 grid-rows-[auto,1fr] flex-col bg-complementary"
+    class="app h-dyn-screen grid grid-cols-1 grid-rows-[auto,1fr] flex-col bg-complementary dark:bg-default"
   >
     <VHeader class="header-el" kind="internal" color="complementary" />
     <div class="main-content flex flex-grow flex-col overflow-y-scroll">
       <slot class="flex-grow" />
-      <VFooter mode="internal" class="bg-complementary" />
+      <VFooter mode="internal" class="bg-complementary dark:bg-default" />
     </div>
   </div>
 </template>
@@ -27,6 +27,11 @@ defineOptions({
   /* This is used by some elements. */
   --color-bg-curr-page: var(--color-bg-complementary);
 }
+@media (prefers-color-scheme: dark) {
+  .app {
+    --color-bg-curr-page: var(--color-bg);
+  }
+}
 .header-el {
   grid-area: header;
 }
diff --git a/frontend/src/pages/index.vue b/frontend/src/pages/index.vue
index baa83056612..de9f005947b 100644
--- a/frontend/src/pages/index.vue
+++ b/frontend/src/pages/index.vue
@@ -85,7 +85,7 @@ const handleSearch = (searchTerm: string) => {
 
 <template>
   <main
-    class="index flex w-full flex-shrink-0 flex-grow flex-col justify-center gap-6 px-6 sm:px-0 xl:flex-row xl:items-center xl:gap-0"
+    class="index flex w-full flex-shrink-0 flex-grow flex-col justify-center gap-6 px-6 sm:px-0 xl:flex-row xl:items-center xl:justify-between xl:gap-0"
   >
     <div
       class="flex flex-grow flex-col items-center justify-center gap-6 xl:h-[33rem] xl:flex-grow-0 xl:items-start"
diff --git a/frontend/test/playwright/visual-regression/pages/errors.spec.ts-snapshots/generic-error-ltr-xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/errors.spec.ts-snapshots/generic-error-ltr-xl-dark-linux.png
index 94e15384e44..b3b84e8a275 100644
Binary files a/frontend/test/playwright/visual-regression/pages/errors.spec.ts-snapshots/generic-error-ltr-xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/errors.spec.ts-snapshots/generic-error-ltr-xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/errors.spec.ts-snapshots/generic-error-rtl-xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/errors.spec.ts-snapshots/generic-error-rtl-xl-dark-linux.png
index 94e15384e44..b3b84e8a275 100644
Binary files a/frontend/test/playwright/visual-regression/pages/errors.spec.ts-snapshots/generic-error-rtl-xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/errors.spec.ts-snapshots/generic-error-rtl-xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-2xl-dark-linux.png
index 96c989d1809..d23ca355fe2 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-2xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-lg-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-lg-dark-linux.png
index f632523c6d6..491e38917fa 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-lg-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-lg-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-xl-dark-linux.png
index f5d7dadf9d1..9a4b03a1585 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-2xl-dark-linux.png
index 848c92b54ed..30f1f1885f6 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-2xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-lg-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-lg-dark-linux.png
index f36d34f5497..efdef82c1ed 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-lg-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-lg-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-xl-dark-linux.png
index ee4d9728a4e..dddc3cfd192 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-2xl-dark-linux.png
index 5bd3b1fc562..ead20609131 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-2xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-lg-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-lg-dark-linux.png
index 1685312ca83..49a87c0e1d4 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-lg-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-lg-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-xl-dark-linux.png
index e707f3c298d..2e04eeb3d78 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-2xl-dark-linux.png
index c0cc99d41c7..52a636c39d4 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-2xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-lg-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-lg-dark-linux.png
index a32c9ba9b3c..cca7e4c575b 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-lg-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-lg-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-xl-dark-linux.png
index 2dbab9a3280..9cdea08937a 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-2xl-dark-linux.png
index 47726f9c153..59908f448f7 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-2xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-lg-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-lg-dark-linux.png
index e041ef3e569..e89acb290ac 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-lg-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-lg-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-xl-dark-linux.png
index 47726f9c153..59908f448f7 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-2xl-dark-linux.png
index d5be3a723c2..5bc8a508abb 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-2xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-lg-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-lg-dark-linux.png
index 58d49824e72..325a0020f96 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-lg-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-lg-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-xl-dark-linux.png
index d5be3a723c2..8a03df5222d 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-dark-linux.png
index ea968fe0e28..a60a7898659 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-light-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-light-linux.png
index fe05236c9b8..deb9b529d49 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-light-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-light-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-lg-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-lg-dark-linux.png
index a81ed761256..ee05b524db1 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-lg-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-lg-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-xl-dark-linux.png
index 771ba3ad75f..9824a0bfc5b 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-2xl-dark-linux.png
index 2611eb2d815..19ba2628991 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-2xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-lg-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-lg-dark-linux.png
index 46d716c5b01..7f7ad3b83f4 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-lg-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-lg-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-xl-dark-linux.png
index 76dac9446e4..5cec8e161ac 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-2xl-dark-linux.png
index 1b05186d0cc..1304864cab9 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-2xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-lg-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-lg-dark-linux.png
index 84fa08ce8ff..aeaf3ca74e1 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-lg-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-lg-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-xl-dark-linux.png
index 1b05186d0cc..1304864cab9 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-2xl-dark-linux.png
index 5567d9b1361..108f8047bb9 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-2xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-lg-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-lg-dark-linux.png
index 575006bc3ce..3b4d2f7606a 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-lg-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-lg-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-xl-dark-linux.png
index eeec66701a1..ddd11f24d45 100644
Binary files a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-xl-dark-linux.png and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-xl-dark-linux.png differ