diff --git a/app/components/Branding.tsx b/app/components/Branding.tsx
index a5dff9352..554086e8b 100644
--- a/app/components/Branding.tsx
+++ b/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")};
+    }
   `};
 `;
 
diff --git a/app/scenes/Document/components/Header.tsx b/app/scenes/Document/components/Header.tsx
index 01970ab1a..86a6b1287 100644
--- a/app/scenes/Document/components/Header.tsx
+++ b/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} />