diff --git a/projects/demo/src/modules/app/search/index.less b/projects/demo/src/modules/app/search/index.less
index 3a9b9cfad02b..c912d66b920d 100644
--- a/projects/demo/src/modules/app/search/index.less
+++ b/projects/demo/src/modules/app/search/index.less
@@ -99,8 +99,10 @@ html[data-theme='dark'] {
     }
 }
 
-@media @tui-mobile {
-    .DocSearch-Container {
+.DocSearch-Container {
+    backdrop-filter: blur(4px);
+
+    @media @tui-mobile {
         position: fixed;
     }
 }