diff --git a/app/app.vue b/app/app.vue
index 3a03c46..fee60ba 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -11,7 +11,7 @@
 <style>
 body {
   font-family: 'DM Sans', sans-serif;
-  @apply h-full w-full !text-gray-600 dark:!text-gray-400;
+  @apply h-full w-full text-neutral-700 dark:text-neutral-300;
 }
 
 .sofia {
diff --git a/app/components/AppTitle.vue b/app/components/AppTitle.vue
index 4cae7da..998c15b 100644
--- a/app/components/AppTitle.vue
+++ b/app/components/AppTitle.vue
@@ -14,11 +14,11 @@ defineProps({
 <template>
   <div>
     <h1
-      class="text-2xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100"
+      class="text-3xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100"
     >
       {{ title }}
     </h1>
-    <p class="mt-6 text-base">
+    <p class="mt-4 text-base">
       {{ description }}
     </p>
   </div>