diff --git a/app/src/components/AnnouncementsBanner.vue b/app/src/components/AnnouncementsBanner.vue
index aa6ea61..2c5bb60 100644
--- a/app/src/components/AnnouncementsBanner.vue
+++ b/app/src/components/AnnouncementsBanner.vue
@@ -77,18 +77,20 @@ async function deleteAnnouncement(a: Announcement) {
   border-width: 2px;
   border-style: solid;
   display: flex;
+  color: rgb(207, 207, 207);
 }
 
 .announcement-banner-message {
   margin: 0;
   flex-grow: 1;
+  color: inherit;
 }
 
 .announcement-banner-button {
   background-color: inherit;
   border: none;
   font-size: small;
-  color: rgb(207, 207, 207);
+  color: inherit;
 }
 
 .announcement-banner-button:hover {