diff --git a/src/lib/components/bottom-nav.svelte b/src/lib/components/bottom-nav.svelte
index eb9068ddf7..5f944b09bc 100644
--- a/src/lib/components/bottom-nav.svelte
+++ b/src/lib/components/bottom-nav.svelte
@@ -152,7 +152,7 @@
       {@render linksContent({ open: viewLinks, closeMenu })}
     {:else}
       <div
-        class="flex h-full flex-col-reverse justify-start gap-6 overflow-auto px-4 py-8"
+        class="flex h-full flex-col justify-end gap-6 overflow-auto px-4 py-8"
       >
         {@render linksSnippet?.()}
       </div>
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index 83a41e017f..8de2948b30 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -360,13 +360,13 @@
     {#snippet footer()}
       <BottomNavigation {namespaceList} {isCloud} {showNamespacePicker}>
         {#snippet linksSnippet()}
-          {#each linkList as link, i (i)}
+          {#each [...linkListForSecondGroup].reverse() as link, i (i)}
             <NavigationItem {...link} link={link.href} />
           {/each}
 
           <hr class="border-subtle" />
 
-          {#each linkListForSecondGroup as link, i (i)}
+          {#each [...linkList].reverse() as link, i (i)}
             <NavigationItem {...link} link={link.href} />
           {/each}
         {/snippet}