From 4d7adf477a423c2f9ed52115a2615ba20457ccd1 Mon Sep 17 00:00:00 2001
From: Dasun Nimantha <72796127+dasunNimantha@users.noreply.github.com>
Date: Thu, 30 Mar 2023 15:22:22 +0530
Subject: [PATCH] fix: In light mode, the arrow in the "scroll to bottom" icon
 is difficult to see #299 (#304)

---
 components/Chat/Chat.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Chat/Chat.tsx b/components/Chat/Chat.tsx
index cbb3a08..5f03335 100644
--- a/components/Chat/Chat.tsx
+++ b/components/Chat/Chat.tsx
@@ -318,10 +318,10 @@ export const Chat: FC<Props> = memo(
         {showScrollDownButton && (
           <div className="absolute bottom-0 right-0 mb-4 mr-4 pb-20">
             <button
-              className="flex h-7 w-7 items-center justify-center rounded-full bg-white shadow-md hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-[#515152d7]"
+              className="flex h-7 w-7 items-center justify-center rounded-full bg-gray-700 shadow-md hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700"
               onClick={handleScrollDown}
             >
-              <IconArrowDown size={18} />
+              <IconArrowDown size={18}/>
             </button>
           </div>
         )}