diff --git a/webapp/channels/src/components/scroll_to_bottom_toast/scroll_to_bottom_toast.scss b/webapp/channels/src/components/scroll_to_bottom_toast/scroll_to_bottom_toast.scss
index 18f5369d3df..1790f55cd58 100644
--- a/webapp/channels/src/components/scroll_to_bottom_toast/scroll_to_bottom_toast.scss
+++ b/webapp/channels/src/components/scroll_to_bottom_toast/scroll_to_bottom_toast.scss
@@ -50,13 +50,17 @@
 
         svg {
             padding-top: 1px; // To align vertically
-            fill: rgba(var(--button-bg-rgb), 0.64);
+            fill: rgba(var(--button-color-rgb), 0.64);
             vertical-align: middle;
         }
 
         .close-btn {
             cursor: pointer;
             line-height: normal;
+            
+            &:hover {
+                fill: var(--button-color);
+            }
         }
     }
 }