diff --git a/site/assets/scss/_nav.scss b/site/assets/scss/_nav.scss
index 5e87acf099..1abd2c6118 100644
--- a/site/assets/scss/_nav.scss
+++ b/site/assets/scss/_nav.scss
@@ -71,6 +71,7 @@
 }
 
 .bd-announcement {
+  font-size: 14px;
   color: $white;
   background-color: $bd-purple;
   a {
diff --git a/site/layouts/partials/announcement.html b/site/layouts/partials/announcement.html
index 1a95f85a88..fa61c66bbf 100644
--- a/site/layouts/partials/announcement.html
+++ b/site/layouts/partials/announcement.html
@@ -1,4 +1,4 @@
-<div class="d-block px-3 py-2 text-center text-bold bd-announcement">
+<div class="d-block p-3 text-center text-bold bd-announcement">
   Bootstrap 4 has reached end of life.
   <a href="https://getbootstrap.com/migration/">Upgrade to the latest</a>
   or consider