diff --git a/pkg/interface/src/views/apps/publish/components/lib/Sidebar.tsx b/pkg/interface/src/views/apps/publish/components/lib/Sidebar.tsx
index 9add01baa5..efbfffeb68 100644
--- a/pkg/interface/src/views/apps/publish/components/lib/Sidebar.tsx
+++ b/pkg/interface/src/views/apps/publish/components/lib/Sidebar.tsx
@@ -96,7 +96,7 @@ export function Sidebar(props: any) {
     );
   }
 
-  const display = props.path ? ['none', 'block'] : 'block';
+  const display = props.hidden ? ['none', 'block'] : 'block';
 
   return (
     <Col
diff --git a/pkg/interface/src/views/apps/publish/components/skeleton.tsx b/pkg/interface/src/views/apps/publish/components/skeleton.tsx
index b8d9fa877c..cac1bf61d3 100644
--- a/pkg/interface/src/views/apps/publish/components/skeleton.tsx
+++ b/pkg/interface/src/views/apps/publish/components/skeleton.tsx
@@ -89,7 +89,9 @@ export function Skeleton(props: SkeletonProps) {
     }, 1500);
   }, [noteId, notebook, ship, notebooks])
 
-  const panelDisplay = !path ? ["none", "block"] : "block";
+  const hideSidebar = path || props.location.pathname.endsWith('/new')
+
+  const panelDisplay = !hideSidebar ? ["none", "block"] : "block";
   return (
     <Box height="100%" width="100%" px={[0, 3]} pb={[0, 3]}>
       <Box
@@ -105,6 +107,7 @@ export function Skeleton(props: SkeletonProps) {
           notebooks={props.notebooks}
           contacts={props.contacts}
           path={path}
+          hidden={hideSidebar}
           invites={props.invites}
           associations={props.associations}
           api={props.api}