From c80758178cb5acd217d8209f9413515ef0f5cd4f Mon Sep 17 00:00:00 2001
From: Timothy Cardoza <tcardoza@cardoza.construction>
Date: Wed, 18 Feb 2026 13:02:11 -0600
Subject: [PATCH] appearance settings layout fix

---
 src/views/SettingsView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/SettingsView.tsx b/src/views/SettingsView.tsx
index 5a82077..5af2a5f 100644
--- a/src/views/SettingsView.tsx
+++ b/src/views/SettingsView.tsx
@@ -75,12 +75,12 @@ export const SettingsView: Component = () => {
             <div class="grid gap-6">
                 {/* Appearance */}
                 <section class="p-4 sm:p-5 rounded-2xl border border-border bg-card shadow-sm">
-                    <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
+                    <div class="flex items-center justify-between gap-4">
                         <div class="space-y-0.5">
                             <h3 class="text-base font-semibold">Appearance</h3>
                             <p class="text-sm text-muted-foreground">Select your preferred color scheme.</p>
                         </div>
-                        <div class="flex justify-start sm:justify-end">
+                        <div class="shrink-0">
                             <ThemeToggle />
                         </div>
                     </div>