diff --git a/src/lib/layout/navigation.svelte b/src/lib/layout/navigation.svelte
index 7568db77c..3d65b7842 100644
--- a/src/lib/layout/navigation.svelte
+++ b/src/lib/layout/navigation.svelte
@@ -1,11 +1,8 @@
 <script lang="ts">
-    import { page } from '$app/state';
     import { getContext } from 'svelte';
     import type { Writable } from 'svelte/store';
 
     export let subNavigation;
-
-    $: subNavigation = page.data.subNavigation;
     // We need to have this second variable, because we only want narrow
     // to change automatically if we change from having a second side nav to
     // not having one, not when the second side nav changes to a different value.
diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index 390e43b7d..2de6a3ac9 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -235,14 +235,14 @@
                 project={activeProject}
                 progressCard={getProgressCard()}
                 avatar={navbarProps.avatar}
-                bind:subNavigation
+                {subNavigation}
                 bind:sideBarIsOpen={$isSidebarOpen}
                 bind:showAccountMenu
                 bind:state />
         {/if}
 
         {#if !$showOnboardingAnimation}
-            <SideNavigation bind:subNavigation />
+            <SideNavigation {subNavigation} />
         {/if}
     </div>