From da79cb99860ec64fdfa8e38a71893cffaa79aa73 Mon Sep 17 00:00:00 2001
From: Caner Akdas <canerakdas@gmail.com>
Date: Tue, 23 Dec 2025 20:11:12 +0300
Subject: [PATCH 1/2] refactor: searchbox flash issue and minor improvements

---
 .../src/Common/Search/Modal/index.module.css  | 24 +++++++++++++------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/packages/ui-components/src/Common/Search/Modal/index.module.css b/packages/ui-components/src/Common/Search/Modal/index.module.css
index d18772c8885f8..8078a5c25af0d 100644
--- a/packages/ui-components/src/Common/Search/Modal/index.module.css
+++ b/packages/ui-components/src/Common/Search/Modal/index.module.css
@@ -22,13 +22,21 @@
     bg-white
     p-1.5
     text-neutral-900
-    duration-300
-    hover:bg-neutral-100
-    motion-safe:transition-colors
     dark:border-neutral-900
     dark:bg-neutral-950
-    dark:text-neutral-200
-    hover:dark:bg-neutral-900;
+    dark:text-neutral-200;
+
+  &:hover {
+    @apply bg-neutral-100
+      motion-safe:transition-colors
+      motion-safe:duration-300
+      dark:bg-neutral-900;
+
+    .searchButtonShortcut {
+      @apply bg-neutral-200
+        dark:bg-neutral-800;
+    }
+  }
 }
 
 .searchButtonContent {
@@ -36,7 +44,8 @@
     flex
     flex-nowrap
     items-center
-    gap-1
+    gap-2
+    pl-1
     text-sm;
 
   svg {
@@ -45,13 +54,14 @@
 }
 
 .searchButtonShortcut {
-  @apply inline
+  @apply hidden
     rounded-md
     bg-neutral-300
     px-2
     py-1
     text-sm
     text-neutral-800
+    md:inline
     dark:bg-neutral-900
     dark:text-neutral-400;
 }

From 9a493aabf53b2498e821aa326e9216b96272cf77 Mon Sep 17 00:00:00 2001
From: Caner Akdas <canerakdas@gmail.com>
Date: Tue, 23 Dec 2025 20:22:23 +0300
Subject: [PATCH 2/2] chore: searchbox min height

---
 packages/ui-components/src/Common/Search/Modal/index.module.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/ui-components/src/Common/Search/Modal/index.module.css b/packages/ui-components/src/Common/Search/Modal/index.module.css
index 8078a5c25af0d..9d6de17861aa4 100644
--- a/packages/ui-components/src/Common/Search/Modal/index.module.css
+++ b/packages/ui-components/src/Common/Search/Modal/index.module.css
@@ -10,6 +10,7 @@
 
 .searchButton {
   @apply flex
+    min-h-10
     w-full
     grow
     cursor-pointer