diff --git a/components/layout/mobile-navigation.tsx b/components/layout/mobile-navigation.tsx
index 0d055770..681df75c 100644
--- a/components/layout/mobile-navigation.tsx
+++ b/components/layout/mobile-navigation.tsx
@@ -262,7 +262,7 @@ export function MobileNavigation({ isOpen = false, onClose, tree }: MobileNaviga
             ) : isInDocsContext && !showMainMenu ? (
               <TreeContextProvider tree={tree}>
                 <div className="bg-background">
-                  <div className="[&_aside]:!relative [&_aside]:!top-auto [&_aside]:!w-full [&_aside]:!h-auto [&_aside]:!visible [&_aside]:!p-0">
+                  <div className="[&_aside]:!relative [&_aside]:!top-auto [&_aside]:!w-full [&_aside]:!h-auto [&_aside]:!visible [&_aside]:!px-0 [&_aside]:!pt-0 [&_aside]:!pb-10">
                     <Sidebar />
                   </div>
                 </div>
diff --git a/components/layouts/docs.tsx b/components/layouts/docs.tsx
index 9d3f6334..f6ea4471 100644
--- a/components/layouts/docs.tsx
+++ b/components/layouts/docs.tsx
@@ -199,7 +199,7 @@ export function Sidebar() {
     <aside
       data-collapsed={collapsed}
       className={cn(
-        'fixed flex flex-col shrink-0 pt-4 px-2 pb-20 top-16 z-20 text-base md:text-sm overflow-auto md:sticky md:h-[calc(100dvh-64px)]',
+        'fixed flex flex-col shrink-0 pt-4 px-2 pb-10 top-16 z-20 text-base md:text-sm overflow-auto md:sticky md:h-[calc(100dvh-64px)]',
         'max-md:inset-x-0 max-md:bottom-0',
         !open && 'max-md:invisible',
         'md:w-[250px] md:transition-all md:duration-100 ease-linear',