diff --git a/microsite/static/css/custom.css b/microsite/static/css/custom.css
index 4b52a72e42..dd8fada3b7 100644
--- a/microsite/static/css/custom.css
+++ b/microsite/static/css/custom.css
@@ -1086,11 +1086,15 @@ code {
   display: flex;
 }
 
-.Banner--hidden {
+.Banner--hiding {
   opacity: 0;
   transition: opacity 200ms ease-in-out;
 }
 
+.Banner--hidden {
+  display: none;
+}
+
 .Banner a {
   color: #000;
   text-decoration: underline;
diff --git a/microsite/static/js/dismissable-banner.js b/microsite/static/js/dismissable-banner.js
index 2fcdbe5692..f38fd0ebf1 100644
--- a/microsite/static/js/dismissable-banner.js
+++ b/microsite/static/js/dismissable-banner.js
@@ -10,7 +10,7 @@ window.addEventListener('DOMContentLoaded', () => {
     const dismissButton = banner.querySelector('[data-banner-dismiss]');
     if (dismissButton) {
       dismissButton.addEventListener('click', () => {
-        banner.classList.add('Banner--hidden');
+        banner.classList.add('Banner--hiding');
         localStorage.setItem(storageKey, 'true');
       });
     }