diff --git a/src/renderer/src/pages/user/user-edit-modal.tsx b/src/renderer/src/pages/user/user-edit-modal.tsx
index fe45acea..53712ab2 100644
--- a/src/renderer/src/pages/user/user-edit-modal.tsx
+++ b/src/renderer/src/pages/user/user-edit-modal.tsx
@@ -105,7 +105,7 @@ export const UserEditProfileModal = ({
                 src={newImageBase64 ?? userProfile.profileImageUrl ?? ""}
               />
             ) : (
-              <PersonIcon size={72} />
+              <PersonIcon size={96} />
             )}
             <div className={styles.editProfileImageBadge}>
               <PencilIcon size={16} />
diff --git a/src/renderer/src/pages/user/user.css.ts b/src/renderer/src/pages/user/user.css.ts
index 862d38e2..236aa96c 100644
--- a/src/renderer/src/pages/user/user.css.ts
+++ b/src/renderer/src/pages/user/user.css.ts
@@ -40,6 +40,7 @@ export const profileAvatarEditContainer = style({
   height: "128px",
   display: "flex",
   borderRadius: "50%",
+  color: vars.color.body,
   justifyContent: "center",
   alignItems: "center",
   backgroundColor: vars.color.background,
@@ -162,6 +163,7 @@ export const editProfileImageBadge = style({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
+  color: vars.color.background,
   backgroundColor: vars.color.muted,
   position: "absolute",
   bottom: "0px",