diff --git a/app/[leaflet_id]/actions/HelpButton.tsx b/app/[leaflet_id]/actions/HelpButton.tsx
index 64d15a09..4639601a 100644
--- a/app/[leaflet_id]/actions/HelpButton.tsx
+++ b/app/[leaflet_id]/actions/HelpButton.tsx
@@ -9,6 +9,7 @@ import { ActionButton } from "components/ActionBar/ActionButton";
 import { HelpSmall } from "../../../components/Icons/HelpSmall";
 import { isMac } from "src/utils/isDevice";
 import { useIsMobile } from "src/hooks/isMobile";
+import { HelpContent } from "components/ActionBar/DesktopNavigation";
 
 export const HelpButton = (props: { noShortcuts?: boolean }) => {
   let entity_set = useEntitySetContext();
@@ -25,22 +26,7 @@ export const HelpButton = (props: { noShortcuts?: boolean }) => {
       <div
         className={`flex flex-col text-sm gap-2 p-3  text-secondary max-h-[70vh] overflow-y-auto p-2" : ""}`}
       >
-        {/* about links */}
-        <HelpLink text="📖 Leaflet Manual" url="https://about.leaflet.pub" />
-        <HelpLink text="💡 Make with Leaflet" url="https://make.leaflet.pub" />
-        <HelpLink
-          text="✨ Explore Publications"
-          url="https://leaflet.pub/reader"
-        />
-        <HelpLink text="📣 Newsletter" url="https://lab.leaflet.pub" />
-        {/* contact links */}
-        <div className="columns-2 gap-2">
-          <HelpLink
-            text="🦋 Bluesky"
-            url="https://bsky.app/profile/leaflet.pub"
-          />
-          <HelpLink text="💌 Email" url="mailto:contact@leaflet.pub" />
-        </div>
+        <HelpContent />
         {/* keyboard shortcuts: desktop only */}
         <Media mobile={false}>
           {!props.noShortcuts && (
diff --git a/app/globals.css b/app/globals.css
index 107c3663..e2d5a0f5 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -70,12 +70,7 @@
   width: -webkit-fill-available;
   width: -moz-available;
   width: stretch;
-}
-
-@utility h-fill {
-  height: -webkit-fill-available;
-  height: -moz-available;
-  height: stretch;
+  width: 100%;
 }
 
 /*
diff --git a/components/ActionBar/DesktopNavigation.tsx b/components/ActionBar/DesktopNavigation.tsx
index e0bd2859..4d1f425d 100644
--- a/components/ActionBar/DesktopNavigation.tsx
+++ b/components/ActionBar/DesktopNavigation.tsx
@@ -144,7 +144,7 @@ const HelpPopover = () => {
       asChild
       side={isMobile ? "top" : "right"}
       align={isMobile ? "center" : "start"}
-      className="w-xs max-sw-full z-[60]!"
+      className="w-xs max-sw-full pt-3 z-[60]!"
       trigger={
         <button
           type="button"
@@ -155,60 +155,66 @@ const HelpPopover = () => {
         </button>
       }
     >
-      <div className="flex flex-col text-secondary text-center pt-2 ">
-        <h3>Welcome to Leaflet!</h3>
-        <div className="pb-3">
-          An expressive tool for publishing blogs and newsletters
-        </div>
-        <div className="flex flex-col gap-1 ">
-          <a
-            href="https://bsky.app/profile/leaflet.pub"
-            target="_blank"
-            rel="noreferrer"
-            className="no-underline!"
+      <HelpContent />
+    </Popover>
+  );
+};
+
+export const HelpContent = () => {
+  return (
+    <div className="flex flex-col text-secondary text-center ">
+      <h3>Welcome to Leaflet!</h3>
+      <div className="pb-3">
+        An expressive tool for publishing blogs and newsletters
+      </div>
+      <div className="flex flex-col gap-1 ">
+        <a
+          href="https://bsky.app/profile/leaflet.pub"
+          target="_blank"
+          rel="noreferrer"
+          className="no-underline!"
+        >
+          <ButtonPrimary
+            compact
+            fullWidth
+            className="bg-[#1281F6]! border-[#1281F6]!  hover:outline-[#1281F6]!  focus:outline-[#1281F6]! text-white! outline-transparent!"
           >
-            <ButtonPrimary
-              compact
-              fullWidth
-              className="bg-[#1281F6]! border-[#1281F6]!  hover:outline-[#1281F6]! text-white!"
-            >
-              <BlueskyTiny className="shrink-0" />
-              Follow us on Bluesky
-            </ButtonPrimary>
-          </a>
+            <BlueskyTiny className="shrink-0" />
+            Follow us on Bluesky
+          </ButtonPrimary>
+        </a>
 
-          <a
-            href="https://lab.leaflet.pub"
-            target="_blank"
-            rel="noreferrer"
-            className="no-underline!"
+        <a
+          href="https://lab.leaflet.pub"
+          target="_blank"
+          rel="noreferrer"
+          className="no-underline!"
+        >
+          <ButtonPrimary
+            compact
+            fullWidth
+            className="bg-[#57822B]! border-[#57822B]! hover:outline-[#57822B]! text-white!"
           >
-            <ButtonPrimary
-              compact
-              fullWidth
-              className="bg-[#57822B]! border-[#57822B]! hover:outline-[#57822B]! text-white!"
-            >
-              <LeafletTiny className="shrink-0" /> Sign up for our Newsletter
-            </ButtonPrimary>
-          </a>
-        </div>
-        <hr className="mt-3 mb-1  border-border-light" />
-        <div className="text-sm flex gap-4  mx-auto pb-1">
-          <SpeedyLink href="/legal" target="_blank">
-            Terms
+            <LeafletTiny className="shrink-0" /> Sign up for our Newsletter
+          </ButtonPrimary>
+        </a>
+      </div>
+      {/*<hr className="mt-3 mb-1  border-border-light" />*/}
+      <div className="text-sm flex gap-4  mt-3 mx-auto pb-1">
+        <SpeedyLink href="/legal" target="_blank">
+          Terms
+        </SpeedyLink>
+        {/*
+          THIS SHOULD GO TO THE LANDING PAGE
+          <SpeedyLink href="/about" target="_blank">
+          Learn More
           </SpeedyLink>
-          {/*
-            THIS SHOULD GO TO THE LANDING PAGE
-            <SpeedyLink href="/about" target="_blank">
-            Learn More
-            </SpeedyLink>
-          */}
-          <a href="mailto:contact@leaflet.pub" target="_blank" rel="noreferrer">
-            Contact
-          </a>
-        </div>
+        */}
+        <a href="mailto:contact@leaflet.pub" target="_blank" rel="noreferrer">
+          Email
+        </a>
       </div>
-    </Popover>
+    </div>
   );
 };
 
diff --git a/components/ActionBar/Sidebar.tsx b/components/ActionBar/Sidebar.tsx
index 4a0b3c01..131eb745 100644
--- a/components/ActionBar/Sidebar.tsx
+++ b/components/ActionBar/Sidebar.tsx
@@ -30,7 +30,7 @@ export function Sidebar(props: {
   return (
     <Media
       mobile={props.mobile ?? false}
-      className="pwa-padding pwa-padding-bottom sm:h-full h-[calc(100dvh-16px)]"
+      className={`pwa-padding pwa-padding-bottom sm:h-auto h-[100dvh] ${props.alwaysOpen ? "sm:flex sm:items-stretch" : "h-fit"}`}
     >
       <SidebarContext
         value={{
@@ -41,11 +41,10 @@ export function Sidebar(props: {
         <div
           className={`
           actionSidebar
-          ${props.alwaysOpen ? "h-fill" : "h-fit"}
           ${
-            !props.alwaysOpen
-              ? ` w-max hover:w-48 absolute top-0 left-0 z-10 opaque-container`
-              : `my-6 w-56 ${cardBorderHidden ? "light-container" : "frosted-container"}`
+            props.alwaysOpen
+              ? `sm:my-6 my-2 sm:ml-0 ml-2 w-56 ${cardBorderHidden ? "light-container" : "frosted-container"}`
+              : `w-max absolute top-0 left-0 z-10 opaque-container`
           }
           p-[6px]
           flex flex-col gap-0.5 justify-start border
diff --git a/components/PageLayouts/DashboardShell.tsx b/components/PageLayouts/DashboardShell.tsx
index 5af29ed6..9d5f6677 100644
--- a/components/PageLayouts/DashboardShell.tsx
+++ b/components/PageLayouts/DashboardShell.tsx
@@ -44,11 +44,7 @@ export function DashboardShell(props: DashboardShellProps) {
               }}
             >
               <Dialog.Title className="sr-only">Navigation</Dialog.Title>
-              <Sidebar
-                mobile
-                alwaysOpen
-                className="my-2! ml-2 h-full bg-bg-page!"
-              >
+              <Sidebar mobile alwaysOpen className="bg-bg-page!">
                 <NavigationContent {...navigationProps} />
               </Sidebar>
             </Dialog.Content>