From bd02e129237cb724253efd887f2b965899df18ad Mon Sep 17 00:00:00 2001
From: Caner Akdas <canerakdas@gmail.com>
Date: Wed, 24 Dec 2025 23:36:23 +0300
Subject: [PATCH 1/2] fix: mobile close icon and focus in issue

---
 .../src/Common/Search/Input/index.module.css       |  3 ++-
 .../src/Common/Search/Modal/index.module.css       | 14 ++++++++++++++
 .../src/Common/Search/Modal/index.tsx              |  1 +
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/packages/ui-components/src/Common/Search/Input/index.module.css b/packages/ui-components/src/Common/Search/Input/index.module.css
index af4e9f049a631..61acaed65cc26 100644
--- a/packages/ui-components/src/Common/Search/Input/index.module.css
+++ b/packages/ui-components/src/Common/Search/Input/index.module.css
@@ -22,10 +22,11 @@
     py-4
     pr-4
     pl-9
-    text-sm
+    text-base
     text-neutral-900
     placeholder:text-neutral-500
     focus:outline-none
+    md:text-sm
     dark:border-neutral-900
     dark:text-neutral-200
     dark:placeholder:text-neutral-600;
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 d142ef99cec94..460850a203625 100644
--- a/packages/ui-components/src/Common/Search/Modal/index.module.css
+++ b/packages/ui-components/src/Common/Search/Modal/index.module.css
@@ -117,3 +117,17 @@
     lg:border
     dark:border-neutral-900;
 }
+
+.modalCloseButton {
+  @apply absolute
+    top-2
+    right-4
+    z-10
+    cursor-pointer
+    bg-white
+    px-2
+    text-2xl
+    text-neutral-950
+    dark:bg-black
+    dark:text-neutral-200;
+}
diff --git a/packages/ui-components/src/Common/Search/Modal/index.tsx b/packages/ui-components/src/Common/Search/Modal/index.tsx
index fdf0adb34580d..18be7b53b0766 100644
--- a/packages/ui-components/src/Common/Search/Modal/index.tsx
+++ b/packages/ui-components/src/Common/Search/Modal/index.tsx
@@ -46,6 +46,7 @@ const SearchModal: FC<PropsWithChildren<SearchModalProps>> = ({
                   placeholder={placeholder}
                   ariaLabel={placeholder}
                 />
+                <Modal.Close className={styles.modalCloseButton} />
                 {children}
               </Modal.Content>
             </Modal.Inner>

From ce8de89f93f2cf5ff607d1d5c5362293b91edb45 Mon Sep 17 00:00:00 2001
From: Caner Akdas <canerakdas@gmail.com>
Date: Wed, 24 Dec 2025 23:50:14 +0300
Subject: [PATCH 2/2] chore: hide in medium res

---
 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 460850a203625..0c71fe9b86e52 100644
--- a/packages/ui-components/src/Common/Search/Modal/index.module.css
+++ b/packages/ui-components/src/Common/Search/Modal/index.module.css
@@ -128,6 +128,7 @@
     px-2
     text-2xl
     text-neutral-950
+    md:hidden
     dark:bg-black
     dark:text-neutral-200;
 }