diff --git a/src/app/[lang]/(protected)/profile/page.tsx b/src/app/[lang]/(protected)/profile/page.tsx
index de13481d..a01ee3dc 100644
--- a/src/app/[lang]/(protected)/profile/page.tsx
+++ b/src/app/[lang]/(protected)/profile/page.tsx
@@ -2,11 +2,12 @@ import { getServerSession } from "next-auth"
 import DeleteAccountButton from "@/components/auth/delete-account-button"
 import SignoutButton from "@/components/auth/sign-out-button"
 import VerifyEmailButton from "@/components/auth/verify-email-button"
-import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
+import ProfileDetails from "@/components/profile/profile-details"
+import UserActiveSessions from "@/components/profile/sessions/user-active-sessions"
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { nextAuthOptions } from "@/lib/auth"
 import { getDictionary } from "@/lib/langs"
 import { Locale } from "i18n-config"
-import SeeDetailsToggle from "./see-details-toggle"
 
 export default async function Profile({
   params: { lang },
@@ -30,16 +31,15 @@ export default async function Profile({
             <pre className="mt-2 w-[40rem] max-w-full overflow-auto rounded bg-muted p-2">
               {JSON.stringify(session, null, 2)}
             </pre>
-          </CardContent>
-          <CardFooter>
-            <div className="m-auto flex flex-col items-center space-y-2 md:mr-0 md:w-full md:flex-row md:justify-end md:space-x-2 md:space-y-0">
+            <div className="mt-4 flex flex-col items-center space-y-2 md:mr-0 md:w-full md:flex-row md:justify-end md:space-x-2 md:space-y-0">
               {session && <VerifyEmailButton session={session} dictionary={dictionary} />}
               <DeleteAccountButton dictionary={dictionary}>{dictionary.deleteAccount}</DeleteAccountButton>
               <SignoutButton dictionary={dictionary}>{dictionary.signOut}</SignoutButton>
             </div>
-          </CardFooter>
+            <ProfileDetails dictionary={dictionary} />
+            <UserActiveSessions dictionary={dictionary} session={session} />
+          </CardContent>
         </Card>
-        <SeeDetailsToggle dictionary={dictionary} session={session} />
       </div>
     </main>
   )
diff --git a/src/app/[lang]/(protected)/profile/see-details-toggle.tsx b/src/app/[lang]/(protected)/profile/see-details-toggle.tsx
deleted file mode 100644
index 9861b2c2..00000000
--- a/src/app/[lang]/(protected)/profile/see-details-toggle.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Session } from "next-auth"
-import ProfileDetails from "@/components/profile/profile-details"
-import UserActiveSessions from "@/components/profile/sessions/user-active-sessions"
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"
-import { TDictionary } from "@/lib/langs"
-
-export default function SeeDetailsToggle({
-  dictionary,
-  session,
-}: {
-  dictionary: TDictionary
-  session: Session | null
-}) {
-  return (
-    <div className="-mt-4 rounded-b-lg border bg-card p-2 pt-6 text-muted-foreground shadow-sm">
-      <Accordion type="single" collapsible>
-        <AccordionItem value="session-toggle" className="border-b-0">
-          <AccordionTrigger className="flex-none gap-1 p-0">
-            {dictionary.profilePage.profileDetails.toggle}
-          </AccordionTrigger>
-          <AccordionContent>
-            <UserActiveSessions dictionary={dictionary} session={session} />
-            <ProfileDetails dictionary={dictionary} />
-          </AccordionContent>
-        </AccordionItem>
-      </Accordion>
-    </div>
-  )
-}