diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
index 6649daf82776..97bb8e5b6fae 100644
--- a/website/src/pages/index.module.css
+++ b/website/src/pages/index.module.css
@@ -33,13 +33,13 @@ div[class^='announcementBarContent'] a:hover {
 }
 
 @media only screen and (max-width: 768px) {
-  .announcement {
+  div[class^='announcementBarContent'] {
     font-size: 18px;
   }
 }
 
 @media only screen and (max-width: 500px) {
-  .announcement {
+  div[class^='announcementBarContent'] {
     font-size: 15px;
     line-height: 22px;
     padding: 6px 30px;