diff --git a/website/data/alert-banner.js b/website/data/alert-banner.js
index 01c25f728a..f6123543a7 100644
--- a/website/data/alert-banner.js
+++ b/website/data/alert-banner.js
@@ -6,4 +6,7 @@ export default {
   url: 'https://www.hashicorp.com/blog/consul-service-on-azure-production-tier',
   text: 'HashiCorp Consul Service on Azure Production SKU',
   linkText: 'Learn more',
+  // Set the `expirationDate prop with a datetime string (e.g. `2020-01-31T12:00:00-07:00`)
+  // if you'd like the component to stop showing at or after a certain date
+  expirationDate: null,
 }
diff --git a/website/package-lock.json b/website/package-lock.json
index 886c5e5ade..62901757ff 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -3542,11 +3542,10 @@
       "integrity": "sha512-03qWTvECGrG2Z0cm/w71J/KmSBJrUem1QTdRuGFHLTPGgAdIgI90xWpYWmUjGw7gXrxJ/q1yY2JwbfpHwRrpPg=="
     },
     "@hashicorp/react-alert-banner": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-alert-banner/-/react-alert-banner-3.2.1.tgz",
-      "integrity": "sha512-Gg1rr5UkhCvpUFCuv8RddHCBqPvlYL/YfkwuD28fq/ig+walMOqsJrZw1ExnbzHVJwHHC3Uis3jBuDxI/48MYQ==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@hashicorp/react-alert-banner/-/react-alert-banner-4.2.0.tgz",
+      "integrity": "sha512-mLi5caKU41L6ZMqQ/mQN9jrgPESzxIqxoKchmB0TpJqwHnUG46UPokWbQovXgtPnAUrXDyLYU0Sp3gaIsDuI9Q==",
       "requires": {
-        "@hashicorp/react-global-styles": "^4.4.2",
         "js-cookie": "2.2.0",
         "slugify": "1.3.4"
       },
diff --git a/website/package.json b/website/package.json
index 1abc8db143..087dbb470c 100644
--- a/website/package.json
+++ b/website/package.json
@@ -6,7 +6,7 @@
   "dependencies": {
     "@hashicorp/nextjs-scripts": "11.1.1",
     "@hashicorp/react-alert": "2.0.3",
-    "@hashicorp/react-alert-banner": "3.2.1",
+    "@hashicorp/react-alert-banner": "4.2.0",
     "@hashicorp/react-button": "2.2.4",
     "@hashicorp/react-call-to-action": "0.2.4",
     "@hashicorp/react-case-study-slider": "2.1.4",
diff --git a/website/pages/style.css b/website/pages/style.css
index b420d97450..c5a7b8cea7 100644
--- a/website/pages/style.css
+++ b/website/pages/style.css
@@ -10,7 +10,7 @@
   --highlight-color: var(--consul);
 }
 
-@import '~@hashicorp/react-alert-banner/dist/style.css';
+@import '~@hashicorp/react-alert-banner/style.css';
 @import '~@hashicorp/react-alert/dist/style.css';
 @import '~@hashicorp/react-button/dist/style.css';
 @import '~@hashicorp/react-call-to-action/dist/style.css';