diff --git a/web/src/client/components/sidebar-header.ts b/web/src/client/components/sidebar-header.ts
index e6e51788..903ff2ae 100644
--- a/web/src/client/components/sidebar-header.ts
+++ b/web/src/client/components/sidebar-header.ts
@@ -42,6 +42,11 @@ export class SidebarHeader extends HeaderBase {
           
           <!-- Action buttons group -->
           <div class="flex items-center gap-1">
+            <!-- Notification button -->
+            <notification-status
+              @open-settings=${() => this.dispatchEvent(new CustomEvent('open-settings'))}
+            ></notification-status>
+            
             <!-- Create Session button -->
             <button
               class="p-2 text-accent-green border border-accent-green hover:bg-accent-green hover:text-dark-bg rounded-lg transition-all duration-200 flex-shrink-0"
@@ -53,11 +58,6 @@ export class SidebarHeader extends HeaderBase {
               </svg>
             </button>
             
-            <!-- Notification button -->
-            <notification-status
-              @open-settings=${() => this.dispatchEvent(new CustomEvent('open-settings'))}
-            ></notification-status>
-            
             <!-- User menu -->
             ${this.renderCompactUserMenu()}
           </div>