diff --git a/app/assets/stylesheets/profile.scss b/app/assets/stylesheets/profile.scss
index 3e7200d13cda7f0e2ba326823d85a6d9b3127c48..a053f3bde73859c2a4b40cd7d86d3b8916953321 100644
--- a/app/assets/stylesheets/profile.scss
+++ b/app/assets/stylesheets/profile.scss
@@ -27,7 +27,7 @@
 }
 
 #profile-avatar {
-  max-width: 150px;
+  max-width: 200px;
 
   .avatar-icon-circle {
     top: 5px;
diff --git a/app/javascript/components/users/user/SetAvatar.jsx b/app/javascript/components/users/user/SetAvatar.jsx
index c8f763cb14ef10a3958d83c3e95f989f90238a18..9759d51e55db9f9501bf5e6b3014375870095607 100644
--- a/app/javascript/components/users/user/SetAvatar.jsx
+++ b/app/javascript/components/users/user/SetAvatar.jsx
@@ -57,7 +57,7 @@ export default function SetAvatar({ user }) {
   return (
     <div id="profile-avatar" className="mt-5 d-block ms-auto me-auto">
       <Stack direction="vertical" gap={2}>
-        <div onClick={handleClick} className="cursor-pointer position-relative" aria-hidden="true">
+        <div onClick={handleClick} className="cursor-pointer position-relative mx-auto" aria-hidden="true">
           <div className="avatar-icon-circle float-end position-absolute rounded-circle">
             <FolderPlusIcon className="hi-s" />
           </div>