diff --git a/app/[leaflet_id]/Sidebar.tsx b/app/[leaflet_id]/Sidebar.tsx
index 7ea79c81..6708967b 100644
--- a/app/[leaflet_id]/Sidebar.tsx
+++ b/app/[leaflet_id]/Sidebar.tsx
@@ -27,11 +27,11 @@ export function LeafletSidebar(props: { leaflet_id: string }) {
     >
       <Media
         mobile={false}
-        className="sidebarContainer relative flex flex-col justify-end h-full w-16 bg-bg-page/50  border-bg-page"
+        className="sidebarContainer relative flex flex-col justify-end h-full w-16"
       >
-        <Sidebar>
-          {entity_set.permissions.write ? (
-            pub?.publications ? (
+        {entity_set.permissions.write && (
+          <Sidebar>
+            {pub?.publications ? (
               <>
                 <PublishButton />
                 <ShareOptions />
@@ -47,15 +47,12 @@ export function LeafletSidebar(props: { leaflet_id: string }) {
                 <hr className="text-border" />
                 <HomeButton />
               </>
-            )
-          ) : (
-            <div>
-              <HomeButton />
-            </div>
-          )}
-        </Sidebar>
-        <div className="h-full pointer-events-none" />
-        <Watermark />
+            )}
+          </Sidebar>
+        )}
+        <div className="h-full flex items-end">
+          <Watermark />
+        </div>
       </Media>
     </div>
   );
diff --git a/components/HomeButton.tsx b/components/HomeButton.tsx
index ee5ae357..ec73e044 100644
--- a/components/HomeButton.tsx
+++ b/components/HomeButton.tsx
@@ -15,21 +15,19 @@ export function HomeButton() {
   let { permissions } = useEntitySetContext();
   let searchParams = useSearchParams();
 
-  if (permissions.write)
-    return (
-      <>
-        <Link
-          href="/home"
-          prefetch
-          className="hover:no-underline"
-          style={{ textDecorationLine: "none !important" }}
-        >
-          <ActionButton icon={<HomeSmall />} label="Go Home" />
-        </Link>
-        {<AddToHomeButton />}
-      </>
-    );
-  return null;
+  return (
+    <>
+      <Link
+        href="/home"
+        prefetch
+        className="hover:no-underline"
+        style={{ textDecorationLine: "none !important" }}
+      >
+        <ActionButton icon={<HomeSmall />} label="Go Home" />
+      </Link>
+      {<AddToHomeButton />}
+    </>
+  );
 }
 
 const AddToHomeButton = (props: {}) => {