From df1445eeec5fffa95f0343cef04bf496a2196c9d Mon Sep 17 00:00:00 2001
From: "Serhii.Tsybulskyi" <c4r0n0s@gmail.com>
Date: Thu, 1 Aug 2024 17:51:25 +0300
Subject: [PATCH 1/2] fix Companion

---
 src/ChatInput.tsx | 3 ++-
 src/theme.ts      | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/ChatInput.tsx b/src/ChatInput.tsx
index 7d0237d..388cf4f 100644
--- a/src/ChatInput.tsx
+++ b/src/ChatInput.tsx
@@ -82,7 +82,8 @@ export const ChatInput: FC<ChatInputProps> = ({
   return (
     <div className={cn(theme.input.base)}>
       <Textarea
-        containerClassName={cn(theme.input.input)}
+        containerClassName={cn(theme.input.container)}
+        className={theme.input.input}
         minRows={1}
         autoFocus
         value={message}
diff --git a/src/theme.ts b/src/theme.ts
index 04bd2a9..9f9a48f 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -71,6 +71,7 @@ export interface ChatTheme {
   input: {
     base: string;
     upload: string;
+    container: string;
     input: string;
     actions: {
       base: string;
@@ -159,8 +160,9 @@ export const chatTheme: ChatTheme = {
   input: {
     base: 'flex mt-4 relative',
     upload: 'px-5 py-2 text-white size-10',
-    input:
+    container:
       'w-full text-typography border border-gray-700/70 rounded-3xl px-3 py-2 pr-16 after:!mx-10',
+    input: 'w-full',
     actions: {
       base: 'absolute flex gap-2 items-center right-5 top-[50%] -translate-y-1/2 z-10',
       send: 'px-3 py-3 text-white bg-gray-800 hover:bg-primary-hover rounded-full ',

From 97aeb8b8f83706691e18a1dab5cfa623b1c2f229 Mon Sep 17 00:00:00 2001
From: "Serhii.Tsybulskyi" <c4r0n0s@gmail.com>
Date: Thu, 1 Aug 2024 17:57:26 +0300
Subject: [PATCH 2/2] update theme API

---
 src/ChatInput.tsx | 3 +--
 src/theme.ts      | 6 ++----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/ChatInput.tsx b/src/ChatInput.tsx
index 388cf4f..7d0237d 100644
--- a/src/ChatInput.tsx
+++ b/src/ChatInput.tsx
@@ -82,8 +82,7 @@ export const ChatInput: FC<ChatInputProps> = ({
   return (
     <div className={cn(theme.input.base)}>
       <Textarea
-        containerClassName={cn(theme.input.container)}
-        className={theme.input.input}
+        containerClassName={cn(theme.input.input)}
         minRows={1}
         autoFocus
         value={message}
diff --git a/src/theme.ts b/src/theme.ts
index 9f9a48f..a9766be 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -71,7 +71,6 @@ export interface ChatTheme {
   input: {
     base: string;
     upload: string;
-    container: string;
     input: string;
     actions: {
       base: string;
@@ -160,9 +159,8 @@ export const chatTheme: ChatTheme = {
   input: {
     base: 'flex mt-4 relative',
     upload: 'px-5 py-2 text-white size-10',
-    container:
-      'w-full text-typography border border-gray-700/70 rounded-3xl px-3 py-2 pr-16 after:!mx-10',
-    input: 'w-full',
+    input:
+      'w-full text-typography border border-gray-700/70 rounded-3xl px-3 py-2 pr-16 after:!mx-10 [&>textarea]:w-full',
     actions: {
       base: 'absolute flex gap-2 items-center right-5 top-[50%] -translate-y-1/2 z-10',
       send: 'px-3 py-3 text-white bg-gray-800 hover:bg-primary-hover rounded-full ',