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>