diff --git a/apps/operator/components/OpTopbar.vue b/apps/operator/components/OpTopbar.vue
index 60b7825..a626997 100644
--- a/apps/operator/components/OpTopbar.vue
+++ b/apps/operator/components/OpTopbar.vue
@@ -24,19 +24,19 @@ const ENVS = {
       <span class="kbd">⌘K</span>
     </button>
 
-    <span class="spacer" />
+    <div class="right">
+      <span class="oncall" :class="{ active: oncall }">
+        <StatusDot :color="oncall ? 'var(--accent)' : 'var(--text-mute)'" :size="6" :glow="false" />
+        <Mono :dim="!oncall">{{ oncall ? 'on-call · Mikkel' : 'no active page' }}</Mono>
+      </span>
 
-    <span class="oncall" :class="{ active: oncall }">
-      <StatusDot :color="oncall ? 'var(--accent)' : 'var(--text-mute)'" :size="6" :glow="false" />
-      <Mono :dim="!oncall">{{ oncall ? 'on-call · Mikkel' : 'no active page' }}</Mono>
-    </span>
+      <button class="icon-btn" title="Notifications">
+        <UiIcon name="bell" :size="14" />
+        <span class="icon-btn-dot" />
+      </button>
 
-    <button class="icon-btn" title="Notifications">
-      <UiIcon name="bell" :size="14" />
-      <span class="icon-btn-dot" />
-    </button>
-
-    <UserMenu />
+      <UserMenu />
+    </div>
   </header>
 </template>
 
@@ -98,7 +98,13 @@ header {
   flex-shrink: 0;
 }
 
-.spacer { flex: 0 0 auto; }
+.right {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-shrink: 0;
+}
 
 .oncall {
   display: inline-flex;