diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 607cd18116..b2f00d3c48 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -74,13 +74,13 @@ module.exports = {
                     type: 'doc',
                     position: 'right',
                     docId: 'quickstart',
-                    label: 'Quickstart',
+                    html: '<span class="hide-when-active">Quickstart</span>',
                 },
                 {
                     type: 'doc',
                     position: 'right',
                     docId: 'welcome',
-                    label: 'Docs',
+                    html: '<span class="hide-when-active">Docs</span>',
                 },
                 {
                     type: 'dropdown',
@@ -122,7 +122,7 @@ module.exports = {
                         {
                           label: 'Managing Unleash for DevOps/Admins',
                           href: 'https://docs.google.com/forms/d/1JlIqmXI3P7dj0n-OiUs2IYsYXgmqw23BChaemlSgHJA/viewform',
-                        },                     
+                        },
                   ],
                 },
                 {
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index ac60531c52..19dcb764af 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -34,6 +34,10 @@
     color: var(--unleash-navbar-font-color);
 }
 
+.navbar .navbar__link--active:has(.hide-when-active) {
+    display: none;
+}
+
 .navbar button[class*='toggleButton_']:hover
 {
     background: var(--unleash-navbar-active-background-color);