diff --git a/src/app/core-ui/mobile-bottom-nav/mobile-bottom-nav.component.html b/src/app/core-ui/mobile-bottom-nav/mobile-bottom-nav.component.html
index 64c4762af..6251bf61a 100644
--- a/src/app/core-ui/mobile-bottom-nav/mobile-bottom-nav.component.html
+++ b/src/app/core-ui/mobile-bottom-nav/mobile-bottom-nav.component.html
@@ -1,12 +1,4 @@
 <nav class="mobile-bottom-nav">
-  <button
-    mat-button
-    class="nav-button"
-    (click)="toggleMobileNav()"
-  >
-    <mat-icon>menu</mat-icon>
-  </button>
-
   <button
     mat-button
     class="nav-button"
@@ -16,6 +8,15 @@
     <mat-icon>wb_sunny</mat-icon>
   </button>
 
+  <button
+    mat-button
+    class="nav-button"
+    [class.active]="currentRoute() === '/planner'"
+    routerLink="/planner"
+  >
+    <mat-icon>edit_calendar</mat-icon>
+  </button>
+
   <button
     mat-fab
     class="add-task-button"
@@ -29,18 +30,17 @@
   <button
     mat-button
     class="nav-button"
-    [class.active]="currentRoute() === '/planner'"
-    routerLink="/planner"
+    [matMenuTriggerFor]="panelsMenu"
   >
-    <mat-icon>edit_calendar</mat-icon>
+    <mat-icon>view_sidebar</mat-icon>
   </button>
 
   <button
     mat-button
     class="nav-button"
-    [matMenuTriggerFor]="panelsMenu"
+    (click)="toggleMobileNav()"
   >
-    <mat-icon>view_sidebar</mat-icon>
+    <mat-icon>menu</mat-icon>
   </button>
 </nav>