From 0dfa48285f289ec9f55f62d27aa50c5f35fffffd Mon Sep 17 00:00:00 2001
From: tusharmagar <tushmag@gmail.com>
Date: Mon, 9 Feb 2026 21:56:51 +0530
Subject: [PATCH] style: update prompt input box to be less rounded and have no
 shadow

---
 apps/x/apps/renderer/src/App.tsx                       | 2 +-
 apps/x/apps/renderer/src/components/chat-button.tsx    | 2 +-
 apps/x/apps/renderer/src/components/chat-sidebar.tsx   | 2 +-
 apps/x/apps/renderer/src/components/ui/input-group.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/x/apps/renderer/src/App.tsx b/apps/x/apps/renderer/src/App.tsx
index 152b1ffd..150cd2ce 100644
--- a/apps/x/apps/renderer/src/App.tsx
+++ b/apps/x/apps/renderer/src/App.tsx
@@ -360,7 +360,7 @@ function ChatInputInner({
   }, [controller])
 
   return (
-    <div className="flex items-center gap-2 bg-background border border-border rounded-3xl shadow-xl px-4 py-2.5">
+    <div className="flex items-center gap-2 bg-background border border-border rounded-lg shadow-none px-4 py-4">
       <PromptInputTextarea
         placeholder="Type your message..."
         onKeyDown={handleKeyDown}
diff --git a/apps/x/apps/renderer/src/components/chat-button.tsx b/apps/x/apps/renderer/src/components/chat-button.tsx
index a69cf3cc..0e18a8f2 100644
--- a/apps/x/apps/renderer/src/components/chat-button.tsx
+++ b/apps/x/apps/renderer/src/components/chat-button.tsx
@@ -32,7 +32,7 @@ export function ChatInputBar({ onSubmit, onOpen }: ChatInputBarProps) {
 
   return (
     <div className="fixed bottom-6 right-6 z-50">
-      <div className="flex items-center gap-2 bg-background border border-border rounded-full shadow-xl px-4 py-2.5 w-80">
+      <div className="flex items-center gap-2 bg-background border border-border rounded-lg shadow-none px-4 py-2.5 w-80">
         <input
           type="text"
           value={message}
diff --git a/apps/x/apps/renderer/src/components/chat-sidebar.tsx b/apps/x/apps/renderer/src/components/chat-sidebar.tsx
index 37f227cc..e0048781 100644
--- a/apps/x/apps/renderer/src/components/chat-sidebar.tsx
+++ b/apps/x/apps/renderer/src/components/chat-sidebar.tsx
@@ -574,7 +574,7 @@ export function ChatSidebar({
               className="mb-3"
             />
           )}
-          <div className="flex items-center gap-2 bg-background border border-border rounded-3xl shadow-xl px-4 py-2.5">
+          <div className="flex items-center gap-2 bg-background border border-border rounded-lg shadow-none px-4 py-2.5">
             <div className="relative flex-1 min-w-0">
               {mentionHighlights.hasHighlights && (
                 <div
diff --git a/apps/x/apps/renderer/src/components/ui/input-group.tsx b/apps/x/apps/renderer/src/components/ui/input-group.tsx
index 6a2767e7..49cbdb4f 100644
--- a/apps/x/apps/renderer/src/components/ui/input-group.tsx
+++ b/apps/x/apps/renderer/src/components/ui/input-group.tsx
@@ -14,7 +14,7 @@ function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
       data-slot="input-group"
       role="group"
       className={cn(
-        "group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none",
+        "group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-sm border shadow-none transition-[color,box-shadow] outline-none",
         "h-9 min-w-0 has-[>textarea]:h-auto",
 
         // Variants based on alignment.