From 6e3bd5e6f36dd28741d40cf2b80172836e2692f3 Mon Sep 17 00:00:00 2001
From: utin-francis-peter <utinfrancis.dev@gmail.com>
Date: Wed, 3 Jul 2024 13:29:34 +0100
Subject: [PATCH] fix: adjusted alignment of submit query icon within its
 container

---
 frontend/src/conversation/Conversation.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index 4fb34186..9493024e 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -257,9 +257,9 @@ export default function Conversation() {
               className="relative right-[38px] bottom-[24px] -mr-[30px] animate-spin cursor-pointer self-end bg-transparent"
             ></img>
           ) : (
-            <div className="mx-1 cursor-pointer rounded-full p-4 text-center hover:bg-gray-3000">
+            <div className="mx-1 flex cursor-pointer items-center justify-center rounded-full p-3 text-center hover:bg-gray-3000">
               <img
-                className="w-6 text-white "
+                className="h-6 w-6 flex-shrink-0 text-white "
                 onClick={handleQuestionSubmission}
                 src={isDarkTheme ? SendDark : Send}
               ></img>