diff --git a/src/css/custom.css b/src/css/custom.css
index bef29253..5e8efd06 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -8,9 +8,8 @@
 /* FINAL MOBILE OVERRIDE: aggressively remove any top gap on narrow viewports
    This targets any leftover placeholders, pseudo-elements, safe-area padding,
    or theme-provided offsets. Keep it last so it wins over other rules. */
+/* Keep your 1024px rule to hide the placeholder element */
 @media screen and (max-width: 1024px) {
-
-  /* remove any generated placeholders or spacer elements that push content down */
   .theme-doc-navbar-placeholder,
   .theme-doc-navbar-placeholder * {
     display: none !important;
@@ -19,6 +18,17 @@
     padding: 0 !important;
     overflow: hidden !important;
   }
+}
+
+/* Add this 480px rule right below it to fix the mobile menu links text overlapping */
+@media screen and (max-width: 480px) {
+  .navbar-sidebar .menu__list-item {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+    position: relative !important;
+  }
+}
+
 
   /* global resets for top spacing and pseudo-elements */
   html,
@@ -2881,27 +2891,4 @@ html[data-theme="dark"] .blog-post-page article header h2[itemprop="headline"] {
     padding-left: 16px !important;
     padding-right: 16px !important;
   }
-}
-
-
-.theme-doc-main-container,
-.theme-doc-markdown,
-main[class*='docMainContainer_'] {
-  position: relative;
-  z-index: 1 !important; 
-}
-
-.theme-doc-markdown h1,
-.theme-doc-markdown h2,
-.theme-doc-markdown h3,
-.theme-doc-markdown span,
-.theme-doc-markdown div,
-.theme-doc-markdown label {
-  z-index: 1 !important;
-}
 
-.theme-doc-sidebar-container,
-.menu--responsive,
-div[class*='sidebarViewport_'] {
-  z-index: 9999 !important; 
-}
\ No newline at end of file