From 6d744dfb7e080ceed2bfa7e0960635993a008367 Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Fri, 15 Mar 2024 00:40:01 -0700
Subject: [PATCH] ScrolltoBottomButton: improve

---
 .../components/scroll-to-bottom/ScrollToBottomButton.tsx    | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/apps/chat/components/scroll-to-bottom/ScrollToBottomButton.tsx b/src/apps/chat/components/scroll-to-bottom/ScrollToBottomButton.tsx
index 2fac2c8f3..32d4db6b1 100644
--- a/src/apps/chat/components/scroll-to-bottom/ScrollToBottomButton.tsx
+++ b/src/apps/chat/components/scroll-to-bottom/ScrollToBottomButton.tsx
@@ -19,7 +19,9 @@ const buttonSx: SxProps = {
   // style it
   backgroundColor: 'background.surface',
   borderRadius: '50%',
-  boxShadow: 'md',
+  border: '1px solid',
+  borderColor: 'neutral.500',
+  boxShadow: 'sm',
 
   // fade it in when hovering
   // transition: 'all 0.15s',
@@ -43,7 +45,7 @@ export function ScrollToBottomButton() {
     return null;
 
   return (
-    <IconButton aria-label='Scroll To Bottom' variant='outlined' onClick={handleStickToBottom} sx={buttonSx}>
+    <IconButton aria-label='Scroll To Bottom' variant='plain' onClick={handleStickToBottom} sx={buttonSx}>
       <KeyboardDoubleArrowDownIcon />
     </IconButton>
   );