fix missized header on mobile

fern-api · May 14, 2024 · dedfcaf · dedfcaf
1 parent 0c16471
commit dedfcaf
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/ui/app/src/docs/HeaderContainer.tsx b/packages/ui/app/src/docs/HeaderContainer.tsx
@@ -47,7 +47,7 @@ export const HeaderContainer: FC<HeaderContainerProps> = ({ isMobileSidebarOpen,
     return (
         <header id="fern-header">
             <div
-                className="fixed inset-x-0 top-0 z-30 shadow-none backdrop-blur-lg transition-shadow data-[border=show]:dark:shadow-header-dark lg:backdrop-blur h-header-height"
+                className="fixed inset-x-0 top-0 z-30 shadow-none backdrop-blur-lg transition-shadow data-[border=show]:dark:shadow-header-dark lg:backdrop-blur h-header-height-real lg:h-header-height"
                 data-border={
                     isScrolled || (isMobileSidebarOpen && ["mobile", "sm", "md"].includes(layoutBreakpoint))
                         ? "show"