From 41282fcb13b8288b89a4a91372c4e057a3294142 Mon Sep 17 00:00:00 2001
From: Val Alexander <68980965+BunsDev@users.noreply.github.com>
Date: Sat, 25 Apr 2026 19:23:43 -0500
Subject: [PATCH] refactor(control-ui): keep quick settings personal card
 balanced (#71585)

---
 ui/src/styles/config-quick.css     | 6 ------
 ui/src/styles/config-quick.test.ts | 1 -
 ui/src/ui/views/config-quick.ts    | 4 ++--
 3 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/ui/src/styles/config-quick.css b/ui/src/styles/config-quick.css
index d885cdf4c16..172c9044647 100644
--- a/ui/src/styles/config-quick.css
+++ b/ui/src/styles/config-quick.css
@@ -404,12 +404,6 @@
   fill: currentColor;
 }
 
-.qs-personal-actions {
-  display: flex;
-  gap: 8px;
-  padding: 10px 16px 16px;
-}
-
 .qs-row__chevron svg {
   width: 12px;
   height: 12px;
diff --git a/ui/src/styles/config-quick.test.ts b/ui/src/styles/config-quick.test.ts
index 12361451efa..1effbf8e8e5 100644
--- a/ui/src/styles/config-quick.test.ts
+++ b/ui/src/styles/config-quick.test.ts
@@ -12,7 +12,6 @@ describe("config-quick styles", () => {
     expect(css).toContain(".qs-identity-card__error");
     expect(css).toContain(".qs-assistant-avatar");
     expect(css).toContain(".qs-user-avatar");
-    expect(css).toContain(".qs-personal-actions");
     expect(css).toContain(".qs-card--personal");
   });
 
diff --git a/ui/src/ui/views/config-quick.ts b/ui/src/ui/views/config-quick.ts
index 2d284557d7f..b307a43049f 100644
--- a/ui/src/ui/views/config-quick.ts
+++ b/ui/src/ui/views/config-quick.ts
@@ -994,9 +994,9 @@ export function renderQuickSettings(props: QuickSettingsProps) {
 
       <div class="qs-grid">
         ${renderStack(renderModelCard(props), renderSecurityCard(props))}
-        ${renderChannelsCard(props)}
+        ${renderChannelsCard(props)} ${renderPersonalCard(props)}
         ${renderStack(renderAppearanceCard(props), renderAutomationsCard(props))}
-        ${renderPersonalCard(props)} ${renderPresetsCard(props)}
+        ${renderPresetsCard(props)}
       </div>
 
       ${renderConnectionFooter(props)}