diff --git a/src/components/wrappers/dashboard/profile/profile-security.tsx b/src/components/wrappers/dashboard/profile/profile-security.tsx
index 15948afe..5bb2d154 100644
--- a/src/components/wrappers/dashboard/profile/profile-security.tsx
+++ b/src/components/wrappers/dashboard/profile/profile-security.tsx
@@ -44,6 +44,7 @@ import { Account, Session, User } from "@/db/schema/02_user";
import { Icon } from "@iconify/react";
import Image from "next/image";
import type { AuthProviderConfig } from "@/lib/auth/config";
+import { is } from "date-fns/locale";
interface ProfileSecurityProps {
user: User;
@@ -162,81 +163,85 @@ export function ProfileSecurity({
- {isPasskeyEnabled && (
-
-
Authentication
-
- {isPasswordEnabled && (
- <>
+ {isPasskeyEnabled ||
+ isPasswordEnabled ||
+ (isTwoFactorEnabled && (
+
+
Authentication
+
+ {isPasswordEnabled && (
+ <>
+
+
+
Password
+
+ {user.lastChangedPasswordAt
+ ? `Last changed ${timeAgo(new Date(user.lastChangedPasswordAt))}`
+ : "Never changed"}
+
+
+ {credentialAccount ? (
+
+ ) : (
+
+ )}
+
+
+
+ >
+ )}
+
+ {isPasswordEnabled && (
-
Password
+
+
+ Two-Factor Authentication
+
+ {user.twoFactorEnabled && (
+
+ Active
+
+ )}
+
- {user.lastChangedPasswordAt
- ? `Last changed ${timeAgo(new Date(user.lastChangedPasswordAt))}`
- : "Never changed"}
+ Enhance the security of your account by requiring a second
+ form of verification during login.
- {credentialAccount ? (
-
+
+ {user.twoFactorEnabled ? (
+
+
+
+
) : (
-
)}
-
-
- >
- )}
-
- {isPasswordEnabled && (
-
-
-
-
Two-Factor Authentication
- {user.twoFactorEnabled && (
-
- Active
-
- )}
-
-
- Enhance the security of your account by requiring a second
- form of verification during login.
-
-
-
- {user.twoFactorEnabled ? (
-
-
-
-
- ) : (
-
- )}
-
- )}
+ )}
+
-
- )}
+ ))}
{isPasskeyEnabled && (