1 files changed, 10 insertions, 5 deletions
diff --git a/apps/web/app/dashboard/settings/page.tsx b/apps/web/app/dashboard/settings/page.tsx
index 059660b7..bab76794 100644
--- a/apps/web/app/dashboard/settings/page.tsx
+++ b/apps/web/app/dashboard/settings/page.tsx
@@ -1,12 +1,17 @@
 import ApiKeySettings from "@/components/dashboard/settings/ApiKeySettings";
 import { ChangePassword } from "@/components/dashboard/settings/ChangePassword";
+import UserDetails from "@/components/dashboard/settings/UserDetails";
 
 export default async function Settings() {
   return (
-    <div className="flex flex-col space-y-2 rounded-md border bg-background p-4">
-      <p className="text-2xl">Settings</p>
-      <ChangePassword />
-      <ApiKeySettings />
-    </div>
+    <>
+      <div className="rounded-md border bg-background p-4">
+        <UserDetails />
+        <ChangePassword />
+      </div>
+      <div className="mt-4 rounded-md border bg-background p-4">
+        <ApiKeySettings />
+      </div>
+    </>
   );
 }