From df094a10ff1f1a95f66abc6bdccfa69080480afa Mon Sep 17 00:00:00 2001
From: Adam <2363879+adamdotdevin@users.noreply.github.com>
Date: Wed, 7 Jan 2026 06:54:48 -0600
Subject: wip(app): settings

---
 packages/app/src/components/settings-general.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'packages/app/src/components/settings-general.tsx')

diff --git a/packages/app/src/components/settings-general.tsx b/packages/app/src/components/settings-general.tsx
index 52672d01f..15dc98bfb 100644
--- a/packages/app/src/components/settings-general.tsx
+++ b/packages/app/src/components/settings-general.tsx
@@ -37,10 +37,14 @@ export const SettingsGeneral: Component = () => {
 
   return (
     <div class="flex flex-col h-full overflow-y-auto no-scrollbar">
-      <div class="flex flex-col gap-8 p-8 max-w-[720px]">
-        {/* Header */}
-        <h2 class="text-16-medium text-text-strong">General</h2>
+      <div class="sticky top-0 z-10 bg-background-base border-b border-border-weak-base">
+        <div class="flex flex-col gap-1 p-8 max-w-[720px]">
+          <h2 class="text-16-medium text-text-strong">General</h2>
+          <p class="text-14-regular text-text-weak">Appearance, notifications, and sound preferences.</p>
+        </div>
+      </div>
 
+      <div class="flex flex-col gap-8 p-8 pt-6 max-w-[720px]">
         {/* Appearance Section */}
         <div class="flex flex-col gap-1">
           <h3 class="text-14-medium text-text-strong pb-2">Appearance</h3>
-- 
cgit v1.2.3

