diff --git a/docusaurus.config.js b/docusaurus.config.js
index 6ceb969be..f267e53f4 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -99,7 +99,7 @@ module.exports = {
     },
     announcementBar: {
       id: "announcementBar_1", // Increment on change
-      content: `⭐️ If you like Keploy, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/keploy/keploy">GitHub</a> and follow us on <a target="_blank" rel="noopener noreferrer" href="https://twitter.com/keployio">Twitter</a> ❤️ `,
+      content: `⭐️ <span class="custom-announcement">If you like Keploy, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/keploy/keploy">GitHub</a> and follow us on <a target="_blank" rel="noopener noreferrer" href="https://twitter.com/keployio">Twitter</a> ❤️</span>`,
     },
     prism: {
       theme: prismThemes.vsLight,
diff --git a/src/css/custom.css b/src/css/custom.css
index 7c2b78f4b..dc527b7fe 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -745,3 +745,7 @@ textarea {
 }
 
 
+.custom-announcement {
+  color:#e67643;
+  font-weight: bold;
+}