diff --git a/web/chat/message-action-buttons.css b/web/chat/message-action-buttons.css
index ec04542d5..fdf98f385 100644
--- a/web/chat/message-action-buttons.css
+++ b/web/chat/message-action-buttons.css
@@ -1,59 +1,65 @@
 div.messageActionButtons {
   display: flex;
   font-size: 16px;
 }
+div.messageActionButtons svg {
+  color: var(--color-disabled);
+}
+div.messageActionButtons svg:hover {
+  color: var(--fg);
+}
 div.messageActionButtonsViewer {
   flex-direction: row;
 }
 div.messageActionButtonsNonViewer {
   flex-direction: row-reverse;
 }
 div.messageActionLinkIcon {
   margin: 0 3px;
   position: relative;
 }
 div.messageActionExtraAreaTop:before {
   height: 15px;
   width: 55px;
   content: '';
   position: absolute;
   bottom: -15px;
 }
 div.messageActionExtraAreaTopRight:before {
   right: 0;
 }
 div.messageActionExtraAreaTopLeft:before {
   left: 0;
 }
 div.messageActionExtraArea:before {
   height: 30px;
   width: 20px;
   content: '';
   position: absolute;
 }
 div.messageActionExtraAreaRight:before {
   left: -20px;
 }
 div.messageActionExtraAreaLeft:before {
   right: -20px;
 }
 div.messageActionTopRightTooltip {
   bottom: 100%;
   margin-bottom: 1px;
   right: 0;
 }
 div.messageActionTopLeftTooltip {
   bottom: 100%;
   margin-bottom: 1px;
   left: 0;
 }
 div.messageActionLeftTooltip {
   top: 50%;
   right: 100%;
   margin-right: 7px;
 }
 div.messageActionRightTooltip {
   top: 50%;
   left: 100%;
   margin-left: 7px;
 }