diff --git a/web/message_bar.css b/web/message_bar.css
index 4a948d2ed..695168c77 100644
--- a/web/message_bar.css
+++ b/web/message_bar.css
@@ -208,10 +208,12 @@
 
     &:hover {
       background-color: var(--undo-button-bg-color-hover);
+      color: var(--undo-button-fg-color-hover);
     }
 
     &:active {
       background-color: var(--undo-button-bg-color-active);
+      color: var(--undo-button-fg-color-active);
     }
   }