From 85c648da6cfc54a72bea4c69664bba264ff7433d Mon Sep 17 00:00:00 2001
From: Siddhant Rai <siddhant.rai.5686@gmail.com>
Date: Tue, 25 Jun 2024 17:58:16 +0530
Subject: [PATCH] fix: large spacing + padding issue in input box

---
 frontend/src/conversation/Conversation.tsx | 2 +-
 frontend/src/index.css                     | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index 3d23f8b3..4fb34186 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -243,7 +243,7 @@ export default function Conversation() {
             placeholder={t('inputPlaceholder')}
             contentEditable
             onPaste={handlePaste}
-            className={`max-h-24 min-h-[3.8rem] w-full overflow-y-auto overflow-x-hidden whitespace-pre-wrap rounded-full bg-white py-2 pl-4 pr-9 text-base leading-10 opacity-100 focus:outline-none dark:bg-raisin-black dark:text-bright-gray`}
+            className={`inputbox-style max-h-24 w-full overflow-y-auto overflow-x-hidden whitespace-pre-wrap rounded-full bg-white pt-5 pb-[22px] text-base leading-tight opacity-100 focus:outline-none dark:bg-raisin-black dark:text-bright-gray`}
             onKeyDown={(e) => {
               if (e.key === 'Enter' && !e.shiftKey) {
                 e.preventDefault();
diff --git a/frontend/src/index.css b/frontend/src/index.css
index ac90fc66..519b5f74 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -412,3 +412,8 @@ template {
 .bottom-safe {
   bottom: env(safe-area-inset-bottom, 0);
 }
+
+.inputbox-style[contenteditable] {
+  padding-left: 36px;
+  padding-right: 36px;
+}