From aac5ae926e7a22fac28eeaba7a695951fda2b3d9 Mon Sep 17 00:00:00 2001
From: Eunbin Son <58901024+thswlsqls@users.noreply.github.com>
Date: Mon, 20 Jul 2026 12:40:15 +0900
Subject: [PATCH] Fix missing shadow and blur on the global search results
 dropdown (#27113)

---
 src/main/scss/form/_search-bar.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/main/scss/form/_search-bar.scss b/src/main/scss/form/_search-bar.scss
index 426bbb9c00..6d0bf7b26f 100644
--- a/src/main/scss/form/_search-bar.scss
+++ b/src/main/scss/form/_search-bar.scss
@@ -200,14 +200,14 @@
   position: absolute;
   width: 100%;
   border-radius: 1rem;
-  box-shadow: var(--dropdown-box-shadow);
+  box-shadow: var(--overlay-surface-box-shadow);
   overflow: hidden;
   z-index: 10;
   height: 1px; // Setting to 0 caused the items not to render initially in Chrome
   opacity: 0;
   transition: var(--standard-transition);
   background: color-mix(in sRGB, var(--card-background) 85%, transparent);
-  backdrop-filter: var(--dropdown-backdrop-filter);
+  backdrop-filter: contrast(1.1) saturate(2.5) blur(20px);
   visibility: collapse;
   scale: 95%;
   translate: 0 -0.3125rem;