From b9dfc65e7fe4c4408fbdcabf7da5fc91a29c5711 Mon Sep 17 00:00:00 2001
From: engage_intelllect <61082194+engageintellect@users.noreply.github.com>
Date: Mon, 24 Jul 2023 17:50:57 -0700
Subject: [PATCH] Update index.tsx

- fixed overflowing border highlight on left side of input
- reducing redundant margin
- adding a little more usable screen real estate on mobile
---
 src/app/components/Chat/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/Chat/index.tsx b/src/app/components/Chat/index.tsx
index 5d7f062..1dfa66d 100644
--- a/src/app/components/Chat/index.tsx
+++ b/src/app/components/Chat/index.tsx
@@ -18,7 +18,7 @@ const Chat: React.FC<Chat> = ({
   messages,
 }) => {
   return (
-    <div id="chat" className="flex flex-col w-full lg:w-3/5 mr-4 mx-5 lg:mx-0">
+    <div id="chat" className="flex flex-col w-full lg:w-3/5 px-2">
       <Messages messages={messages} />
       <>
         <form