From b03889aa04543266a6c591aee8787e2e7b12859d Mon Sep 17 00:00:00 2001
From: David Zhang
 <opencode@example.com && git config --global user.name opencode>
Date: Mon, 22 Jun 2026 06:21:29 +0700
Subject: [PATCH] fix(desktop): align sidebar toggle switches to right edge

Add ml-auto to the toggle switch container in toggleRow() so the
Screen recording and Microphone toggle switches are always flush-right
within their rows, regardless of label text length.

Previously the toggle relied solely on flex-1 on the sibling label to
push it right. Adding ml-auto makes the intent explicit and ensures
both toggles share the same right-edge position.
---
 desktop/windows/src/renderer/src/components/layout/Sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/desktop/windows/src/renderer/src/components/layout/Sidebar.tsx b/desktop/windows/src/renderer/src/components/layout/Sidebar.tsx
index d96993afe2d..87c75145a0c 100644
--- a/desktop/windows/src/renderer/src/components/layout/Sidebar.tsx
+++ b/desktop/windows/src/renderer/src/components/layout/Sidebar.tsx
@@ -126,7 +126,7 @@ export function Sidebar(): React.JSX.Element {
       {!collapsed && (
         <span
           className={cn(
-            'relative h-4 w-7 shrink-0 rounded-full transition-colors duration-200',
+            'relative ml-auto h-4 w-7 shrink-0 rounded-full transition-colors duration-200',
             on ? 'bg-[color:var(--accent)]' : 'bg-white/15'
           )}
         >