diff --git a/components/chat-input.tsx b/components/chat-input.tsx
index 575c4b9..30e11eb 100644
--- a/components/chat-input.tsx
+++ b/components/chat-input.tsx
@@ -212,7 +212,7 @@ export function ChatInput({
                 placeholder="Describe what changes you want to make to the diagram... (Press Cmd/Ctrl + Enter to send)"
                 disabled={status === "streaming"}
                 aria-label="Chat input"
-                className="min-h-[80px] resize-none transition-all duration-200"
+                className="min-h-[80px] resize-none transition-all duration-200 px-1 py-0"
             />
 
             <div className="flex items-center gap-2">
diff --git a/components/chatPanel.tsx b/components/chatPanel.tsx
index 395b2a7..be50c27 100644
--- a/components/chatPanel.tsx
+++ b/components/chatPanel.tsx
@@ -254,11 +254,11 @@ export default function ChatPanel({
     );
 
     return (
-        <Card className="h-full flex flex-col rounded-none py-0">
+        <Card className="h-full flex flex-col rounded-none py-0 gap-0">
             <CardHeader className="p-4 text-center">
                 <CardTitle>Next-AI-Drawio</CardTitle>
             </CardHeader>
-            <CardContent className="flex-grow overflow-hidden p-4">
+            <CardContent className="flex-grow overflow-hidden px-2">
                 <ScrollArea className="h-full pr-4">
                     {messages.length === 0
                         ? examplePanel