fix: Mobile shows menu button on shared documents without a menu

app/components/Branding.tsx

@@ -34,16 +34,17 @@ const Link = styled.a`
     fill: ${s("text")};
   }
 
-  &:hover {
-    background: ${s("sidebarBackground")};
-  }
-
   ${breakpoint("tablet")`
     z-index: ${depths.sidebar + 1};
+    background: ${s("sidebarBackground")};
     position: fixed;
     bottom: 0;
-    left: 0;
+    right: 0;
     padding: 16px;
+
+    &:hover {
+      background: ${s("sidebarControlHoverBackground")};
+    }
   `};
 `;
 

app/scenes/Document/components/Header.tsx

@@ -190,7 +190,7 @@ function DocumentHeader({
       <StyledHeader
         $hidden={isEditingFocus}
         title={document.title}
-        hasSidebar={!!sharedTree}
+        hasSidebar={sharedTree && sharedTree.children?.length > 0}
         left={
           isMobile ? (
             <TableOfContentsMenu headings={headings} />