diff --git a/docusaurus/docusaurus.config.js b/docusaurus/docusaurus.config.js
index d3b9470..49b4c6a 100644
--- a/docusaurus/docusaurus.config.js
+++ b/docusaurus/docusaurus.config.js
@@ -57,6 +57,8 @@ const config = {
         },
       },
       navbar: {
+        /* because we can't add a .scrolled class to docusaurus on scroll, we're abusing hide on scroll */
+        hideOnScroll: true,
         logo: {
           alt: 'ReVanced Logo',
           target: '_self',
diff --git a/docusaurus/src/css/custom.css b/docusaurus/src/css/custom.css
index b051cef..507e36a 100644
--- a/docusaurus/src/css/custom.css
+++ b/docusaurus/src/css/custom.css
@@ -45,6 +45,13 @@
   padding: 0 2.5rem;
 }
 
+/* because we can't add a .scrolled class to docusaurus on scroll, we're abusing hide on scroll */
+.navbarHidden_node_modules-\@docusaurus-theme-classic-lib-theme-Navbar-Layout-styles-module {
+  transform: none !important;
+  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12),
+    0px 2px 4px -1px rgba(0, 0, 0, 0.2);
+}
+
 .navbar__items {
   gap: 1rem;
 }