diff --git a/src/view/shell/desktop/RightNav.tsx b/src/view/shell/desktop/RightNav.tsx
index 4fae64fe..462627c4 100644
--- a/src/view/shell/desktop/RightNav.tsx
+++ b/src/view/shell/desktop/RightNav.tsx
@@ -59,7 +59,7 @@ export const DesktopRightNav = observer(function DesktopRightNav() {
           />
         </View>
       </View>
-      <InviteCodes />
+      {store.session.hasSession && <InviteCodes />}
       <View>
         <TouchableOpacity
           style={[styles.darkModeToggle]}
@@ -158,6 +158,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     gap: 8,
     marginHorizontal: 12,
+    marginTop: 8,
   },
   darkModeToggleIcon: {
     flexDirection: 'row',
diff --git a/src/view/shell/index.web.tsx b/src/view/shell/index.web.tsx
index 68ce370e..8dd0bc63 100644
--- a/src/view/shell/index.web.tsx
+++ b/src/view/shell/index.web.tsx
@@ -38,7 +38,7 @@ const ShellInner = observer(() => {
       </View>
       {isDesktop && (
         <>
-          <DesktopLeftNav />
+          {store.session.hasSession && <DesktopLeftNav />}
           <DesktopRightNav />
         </>
       )}