From de8d9b0691ec5ea776292ad2132060ae5ec41f18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E0=A4=B9=E0=A4=BF=E0=A4=AE=E0=A4=BE=E0=A4=82=E0=A4=B6?=
 =?UTF-8?q?=E0=A5=81?= <sharmahimanshu15082007@gmail.com>
Date: Thu, 11 Jun 2026 19:33:47 +0530
Subject: [PATCH] center the search dialog and change the wrong borders (#6184)

* center the search dialog and change the wrong borders

* fix the  mistake of 1 to l

* Fix/adjust search dialog radius for PR #6184

---------

Co-authored-by: Lee Jackson <130007945+Imagineer99@users.noreply.github.com>
Co-authored-by: wasimysaid <wasimysdev@gmail.com>
---
 .../src/features/chat/components/chat-search-dialog.tsx       | 4 ++--
 studio/frontend/src/index.css                                 | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/studio/frontend/src/features/chat/components/chat-search-dialog.tsx b/studio/frontend/src/features/chat/components/chat-search-dialog.tsx
index 0a6ec0c884..b0fd3c5f27 100644
--- a/studio/frontend/src/features/chat/components/chat-search-dialog.tsx
+++ b/studio/frontend/src/features/chat/components/chat-search-dialog.tsx
@@ -64,10 +64,10 @@ export function ChatSearchDialog() {
     <CommandDialog
       open={isOpen}
       onOpenChange={setOpen}
-      className="chat-search-surface corner-squircle top-[25%] w-[635px] max-w-[calc(100%-2rem)] gap-0 p-0 ring-0 sm:max-w-[635px]"
+      className="chat-search-surface rounded-3xl! top-1/2 -translate-y-1/2 w-[635px] max-w-[calc(100%-2rem)] gap-0 p-0 ring-0 sm:max-w-[635px]"
       overlayClassName="bg-transparent"
     >
-      <Command className="rounded-4xl p-0" filter={chatSearchFilter}>
+      <Command className="rounded-3xl p-0" filter={chatSearchFilter}>
         <div className="flex items-center gap-3 border-b border-border/40 px-4 py-3">
           <HugeiconsIcon
             icon={SearchIcon}
diff --git a/studio/frontend/src/index.css b/studio/frontend/src/index.css
index cb54d95e68..0d3b1698e1 100644
--- a/studio/frontend/src/index.css
+++ b/studio/frontend/src/index.css
@@ -897,8 +897,7 @@
 	/* Chat search box: borderless, soft Gemini-style elevation. */
 	.chat-search-surface {
 		border: none;
-		/* Pin to the dark --radius so the corners are the same (less round) in
-		   both themes; rounded-4xl here and on the inner Command follow this. */
+		/* Pin to the dark --radius so rounded-3xl corners stay consistent. */
 		--radius: 0.625rem;
 		/* Match the chat box: soft elevation. */
 		box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.16);