diff --git a/src/app/(main)/MobileNav.tsx b/src/app/(main)/MobileNav.tsx
index aaa25846..a9d9e861 100644
--- a/src/app/(main)/MobileNav.tsx
+++ b/src/app/(main)/MobileNav.tsx
@@ -42,7 +42,7 @@ export function MobileNav() {
         {({ close }) => {
           return (
             <>
-              <NavMenu padding="3" onItemClick={close} border="bottom">
+              <NavMenu padding="3" onItemClick={close} border="bottom" width="100%">
                 <NavButton />
                 {links.map(link => {
                   return (
diff --git a/src/app/share/[slug]/[[...path]]/ShareNav.tsx b/src/app/share/[slug]/[[...path]]/ShareNav.tsx
index e6ca3865..db927afe 100644
--- a/src/app/share/[slug]/[[...path]]/ShareNav.tsx
+++ b/src/app/share/[slug]/[[...path]]/ShareNav.tsx
@@ -144,12 +144,12 @@ export function ShareNav({
       position={isMobile ? undefined : 'fixed'}
       padding="3"
       width={isMobile ? '100%' : collapsed ? '60px' : '240px'}
-      maxHeight="100vh"
-      height="100vh"
+      maxHeight="100dvh"
+      height="100dvh"
       border={isMobile ? undefined : 'right'}
       borderColor={isMobile ? undefined : '4'}
     >
-      <Row as="header" gap alignItems="center" paddingY="3" justifyContent="space-between">
+      <Row as="header" gap alignItems="center" justifyContent="space-between">
         {!collapsed && (
           <a href={logoUrl} target="_blank" rel="noopener" style={{ marginLeft: 12 }}>
             <Row alignItems="center" gap>
diff --git a/src/components/input/MobileMenuButton.tsx b/src/components/input/MobileMenuButton.tsx
index 8498b05a..a4713ae0 100644
--- a/src/components/input/MobileMenuButton.tsx
+++ b/src/components/input/MobileMenuButton.tsx
@@ -9,7 +9,7 @@ export function MobileMenuButton(props: DialogProps) {
           <Menu />
         </Icon>
       </Button>
-      <Modal placement="left">
+      <Modal placement="left" offset="80px">
         <Dialog variant="sheet" {...props} style={{ width: 'auto' }} />
       </Modal>
     </DialogTrigger>