diff --git a/docsSite/docusaurus-embed.config.ts b/docsSite/docusaurus-embed.config.ts
index 856d0c77..4494dfbb 100644
--- a/docsSite/docusaurus-embed.config.ts
+++ b/docsSite/docusaurus-embed.config.ts
@@ -3,7 +3,10 @@ import config from "./docusaurus.config";
 const configEmbed = Object.assign(config, {
   future: {
     experimental_router: "hash"
-  }
+  },
+  themeConfig: Object.assign(config.themeConfig!, {
+    announcementBar: undefined
+  })
 });
 
 export default configEmbed;
diff --git a/docsSite/docusaurus.config.ts b/docsSite/docusaurus.config.ts
index 7ae2b391..cf527771 100644
--- a/docsSite/docusaurus.config.ts
+++ b/docsSite/docusaurus.config.ts
@@ -40,7 +40,6 @@ const config: Config = {
   ],
 
   themeConfig: {
-    // Replace with your project's social card
     image: "img/social.png",
     navbar: {
       title: "AdvantageScope Documentation",
@@ -65,6 +64,14 @@ const config: Config = {
       disableSwitch: true,
       respectPrefersColorScheme: true
     },
+    announcementBar: {
+      id: "offline_info",
+      content:
+        "This documentation is available <b>offline</b> by clicking the 📖 icon in the tab bar of AdvantageScope.",
+      backgroundColor: "#446ce3",
+      textColor: "#ffffff",
+      isCloseable: true
+    },
     prism: {
       theme: prismThemes.github,
       darkTheme: prismThemes.dracula,