diff --git a/packages/frontend/src/routes/me/profile/+page.svelte b/packages/frontend/src/routes/me/profile/+page.svelte
index 1109a0a..77de5cb 100644
--- a/packages/frontend/src/routes/me/profile/+page.svelte
+++ b/packages/frontend/src/routes/me/profile/+page.svelte
@@ -12,13 +12,7 @@
   import { TagsInput } from "$lib/components/ui/tags-input";
   import { FileDropZone, MEGABYTE } from "$lib/components/ui/file-drop-zone";
   import * as Alert from "$lib/components/ui/alert";
-  import {
-    Card,
-    CardContent,
-    CardDescription,
-    CardHeader,
-    CardTitle,
-  } from "$lib/components/ui/card";
+  import { Card, CardContent } from "$lib/components/ui/card";
   import Meta from "$lib/components/meta/meta.svelte";
 
   const { data } = $props();
@@ -132,14 +126,11 @@
 <div class="py-3 sm:py-6 lg:pl-6">
   <div class="mb-6">
     <h1 class="text-2xl font-bold">{$_("me.settings.profile_title")}</h1>
+    <p class="text-sm text-muted-foreground mt-1">{$_("me.settings.profile_subtitle")}</p>
   </div>
 
   <Card class="bg-card/50 border-primary/20 max-w-2xl">
-    <CardHeader>
-      <CardTitle>{$_("me.settings.profile_title")}</CardTitle>
-      <CardDescription>{$_("me.settings.profile_subtitle")}</CardDescription>
-    </CardHeader>
-    <CardContent class="space-y-4">
+    <CardContent class="space-y-4 pt-6">
       <form onsubmit={handleProfileSubmit} class="space-y-4">
         <div class="space-y-2">
           <Label>{$_("me.settings.avatar")}</Label>
diff --git a/packages/frontend/src/routes/me/security/+page.svelte b/packages/frontend/src/routes/me/security/+page.svelte
index 96d3f45..21a13cf 100644
--- a/packages/frontend/src/routes/me/security/+page.svelte
+++ b/packages/frontend/src/routes/me/security/+page.svelte
@@ -8,13 +8,7 @@
   import { Input } from "$lib/components/ui/input";
   import { Label } from "$lib/components/ui/label";
   import * as Alert from "$lib/components/ui/alert";
-  import {
-    Card,
-    CardContent,
-    CardDescription,
-    CardHeader,
-    CardTitle,
-  } from "$lib/components/ui/card";
+  import { Card, CardContent } from "$lib/components/ui/card";
   import Meta from "$lib/components/meta/meta.svelte";
 
   const { data } = $props();
@@ -58,16 +52,13 @@
 <Meta title={$_("me.settings.privacy_title")} />
 
 <div class="py-3 sm:py-6 lg:pl-6">
-  <div class="flex items-center justify-between mb-6">
+  <div class="mb-6">
     <h1 class="text-2xl font-bold">{$_("me.settings.privacy_title")}</h1>
+    <p class="text-sm text-muted-foreground mt-1">{$_("me.settings.privacy_subtitle")}</p>
   </div>
 
   <Card class="bg-card/50 border-primary/20 max-w-2xl">
-    <CardHeader>
-      <CardTitle>{$_("me.settings.privacy_title")}</CardTitle>
-      <CardDescription>{$_("me.settings.privacy_subtitle")}</CardDescription>
-    </CardHeader>
-    <CardContent class="space-y-4">
+    <CardContent class="space-y-4 pt-6">
       <form onsubmit={handleSecuritySubmit} class="space-y-4">
         <div class="space-y-2">
           <Label for="email">{$_("me.settings.email")}</Label>