diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index 138147396..8c18be47f 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -223,6 +223,11 @@ const config = {
         theme: lightCodeTheme,
         darkTheme: darkCodeTheme,
       },
+      announcementBar: {
+      content:
+        '✨ Nebari is evolving into an ecosystem of open source tools for AI workflows, stay tuned for more updates! ✨',
+      isCloseable: true,
+    },
     }),
 };
 
diff --git a/docs/src/theme/components/navbar.scss b/docs/src/theme/components/navbar.scss
index 273134ef9..36a4dce30 100644
--- a/docs/src/theme/components/navbar.scss
+++ b/docs/src/theme/components/navbar.scss
@@ -4,7 +4,7 @@
 
 .navbar__brand {
   @include link-style(var(--secondary-nebari), var(--secondary-nebari));
-  & { 
+  & {
     text-decoration: none;
   }
 
@@ -36,7 +36,7 @@
 
   .navbar__brand {
     @include link-style(var(--secondary-nebari), var(--secondary-nebari));
-    & { 
+    & {
       text-decoration: none;
     }
   }
@@ -91,13 +91,9 @@ html[data-theme="dark"] .header-github-link:before {
 // ==============================================================================
 
 div[class^="announcementBar_"] {
-  font-weight: 500;
-  height: 70px;
-  background-color: var(--nebari-blue-gray-11);
+  font-weight: 550;
+  height: 50px;
+  background-color: var(--ifm-color-on-background-2);
+  color: var(--ifm-color-content-inverse);
   border-bottom: 2px solid var(--secondary-nebari);
 }
-
-div[class^="announcementBarContent_"] {
-  font-size: 1rem;
-  padding: 20px 0;
-}