From 18b251a6dd31797eae803363f237481ec2a352d9 Mon Sep 17 00:00:00 2001
From: Greg Richardson <greg.nmr@gmail.com>
Date: Mon, 17 Jul 2023 13:44:57 -0600
Subject: [PATCH] feat(sql-editor): ask ai sharp corners

---
 .../interfaces/SQLEditor/SQLEditor.tsx        | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/studio/components/interfaces/SQLEditor/SQLEditor.tsx b/studio/components/interfaces/SQLEditor/SQLEditor.tsx
index 918e16dd87f..2afa088ce9b 100644
--- a/studio/components/interfaces/SQLEditor/SQLEditor.tsx
+++ b/studio/components/interfaces/SQLEditor/SQLEditor.tsx
@@ -93,16 +93,25 @@ const SQLEditor = () => {
       {!isAiWidgetOpen && (
         <motion.div
           layoutId="ask-ai-input"
-          initial={{ scaleY: 1, y: 50 }}
-          animate={{ scaleY: 1, y: 0 }}
-          className="w-full flex justify-center z-[1000] mt-0.5"
+          initial={{
+            scaleY: 1,
+            y: 50,
+            borderRadius: 0,
+          }}
+          animate={{
+            scaleY: 1,
+            y: 0,
+            borderRadius: 0,
+          }}
+          className="w-full flex justify-center z-[1000] mt-0.5 border border-brand-900"
         >
           <Input
+            autoFocus
             size="xlarge"
             icon={<AiIcon className="w-4 h-4 ml-1" />}
-            inputClassName="py-4 !bg-scale-200 !border-brand-900"
+            inputClassName="w-full !border-brand-900 border-none py-4 focus:!ring-0"
             iconContainerClassName="transition text-scale-800 text-brand-900"
-            placeholder="Ask Supabase AI to edit your query"
+            placeholder="Ask Supabase AI to modify your query"
             className="w-full"
             actions={
               <div className="flex items-center space-x-1 mr-6">