diff --git a/src/components/dashboard/Settings.tsx b/src/components/dashboard/Settings.tsx
index d8cefa3..d502841 100644
--- a/src/components/dashboard/Settings.tsx
+++ b/src/components/dashboard/Settings.tsx
@@ -113,7 +113,7 @@ export default component$(() => {
                     </div>
                 </div>
                 <div class="flex flex-col flex-3/4 text-lg overflow-clip">
-                    <h1 class="text-2xl mb-4">{categories.value[selectedCategory.value].name}</h1>
+                    <h1 class="text-2xl mb-2 text-white/75">{categories.value[selectedCategory.value].name}</h1>
                     <SelectedComponent.value />
                 </div>
             </div>