diff --git a/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx b/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx
index 794291b7d..89014601e 100644
--- a/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx
+++ b/apps/dokploy/components/dashboard/settings/profile/profile-form.tsx
@@ -267,9 +267,13 @@ export const ProfileForm = () => {
/>
-
- {getFallbackAvatarInitials(data?.user?.name)}
-
+
+
+ {getFallbackAvatarInitials(
+ data?.user?.name,
+ )}
+
+
{availableAvatars.map((image) => (
diff --git a/apps/dokploy/components/layouts/user-nav.tsx b/apps/dokploy/components/layouts/user-nav.tsx
index aa7f4ddd9..7a906aa6a 100644
--- a/apps/dokploy/components/layouts/user-nav.tsx
+++ b/apps/dokploy/components/layouts/user-nav.tsx
@@ -47,7 +47,9 @@ export const UserNav = () => {
src={data?.user?.image || ""}
alt={data?.user?.image || ""}
/>
- {getFallbackAvatarInitials(data?.user?.name)}
+
+ {getFallbackAvatarInitials(data?.user?.name)}
+
Account
diff --git a/apps/dokploy/lib/utils.ts b/apps/dokploy/lib/utils.ts
index dc0dfe351..f01faa4ec 100644
--- a/apps/dokploy/lib/utils.ts
+++ b/apps/dokploy/lib/utils.ts
@@ -28,11 +28,13 @@ export function formatTimestamp(timestamp: string | number) {
}
}
-export function getFallbackAvatarInitials(fullName: string | undefined): string {
- if (typeof fullName === "undefined" || fullName === "") return "CN";
- const [ name = "", surname = "" ] = fullName.split(" ");
- if (surname === "") {
- return (name.substring(0,2)).toUpperCase();
- }
- return (name.charAt(0) + surname.charAt(0)).toUpperCase();
+export function getFallbackAvatarInitials(
+ fullName: string | undefined,
+): string {
+ if (typeof fullName === "undefined" || fullName === "") return "CN";
+ const [name = "", surname = ""] = fullName.split(" ");
+ if (surname === "") {
+ return name.substring(0, 2).toUpperCase();
+ }
+ return (name.charAt(0) + surname.charAt(0)).toUpperCase();
}