From d61426f4f6dee500aed70201f466d4087e381fe8 Mon Sep 17 00:00:00 2001
From: marcolivierbouch <mo.bouchard1997@gmail.com>
Date: Wed, 27 Nov 2024 20:06:05 -0500
Subject: [PATCH] feat: adjust padding

---
 .changeset/grumpy-ghosts-pump.md             | 5 +++++
 examples/website-chatbot-window/app/page.tsx | 2 +-
 packages/ui/components/chat.tsx              | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/grumpy-ghosts-pump.md

diff --git a/.changeset/grumpy-ghosts-pump.md b/.changeset/grumpy-ghosts-pump.md
new file mode 100644
index 0000000..54fc079
--- /dev/null
+++ b/.changeset/grumpy-ghosts-pump.md
@@ -0,0 +1,5 @@
+---
+'@openassistantgpt/ui': patch
+---
+
+Adjust pading in chat window when disabeling icon.
diff --git a/examples/website-chatbot-window/app/page.tsx b/examples/website-chatbot-window/app/page.tsx
index 5f3c45c..dbaf8cb 100644
--- a/examples/website-chatbot-window/app/page.tsx
+++ b/examples/website-chatbot-window/app/page.tsx
@@ -17,7 +17,7 @@ export default function Home() {
           style={{
             overflow: 'hidden',
             height: '80vh',
-            width: '480px',
+            width: '1080px',
             bottom: '-30px',
             border: '2px solid #e2e8f0',
             borderRadius: '0.375rem',
diff --git a/packages/ui/components/chat.tsx b/packages/ui/components/chat.tsx
index a4654ce..009ad87 100644
--- a/packages/ui/components/chat.tsx
+++ b/packages/ui/components/chat.tsx
@@ -249,7 +249,7 @@ export function OpenAssistantGPTChat({
           <div
             ref={messagesContainerRef}
             className={cn(
-              'pb-[200px] overflow-auto max-h-max pl-6 sm:pl-20 sm:pr-20 md:pb-[100px] pt-4 md:pt-10',
+              'pb-[200px] overflow-auto max-h-max pl-2 pr-2 sm:pl-20 sm:pr-20 md:pb-[100px] pt-4 md:pt-10',
               className,
             )}
           >