diff --git a/front-end/package-lock.json b/front-end/package-lock.json
index e61c967b..43dc8bae 100644
--- a/front-end/package-lock.json
+++ b/front-end/package-lock.json
@@ -1680,7 +1680,7 @@
           "bundled": true,
           "optional": true,
           "requires": {
-            "minimatch": "3.0.4"
+            "minimatch": "^3.0.4"
           }
         },
         "inflight": {
@@ -1720,7 +1720,7 @@
           "bundled": true,
           "optional": true,
           "requires": {
-            "brace-expansion": "1.1.11"
+            "brace-expansion": "^1.1.7"
           }
         },
         "minimist": {
diff --git a/front-end/src/cljs/vr_match/lib/components/profile.cljs b/front-end/src/cljs/vr_match/lib/components/profile.cljs
index fc4451fb..cd6254ec 100644
--- a/front-end/src/cljs/vr_match/lib/components/profile.cljs
+++ b/front-end/src/cljs/vr_match/lib/components/profile.cljs
@@ -16,10 +16,11 @@
              :direction "column"
              :style {:width "100vw"}}
    [:img {:style {:object-fit "cover"
-                  :width "100vw"
-                  :height "100vw"}
+                  :width "100%"
+                  :max-height "480px"
+                  :height "60%"}
           :src (-> images first :url)}]
-   [:div {:style {:padding 16}}
+   [:div {:style {:padding "16px 16px 52px"}}
     [mui/grid {:container true
                :spacing 16}
      [mui/grid {:item true
diff --git a/front-end/src/cljs/vr_match/mypage/component.cljs b/front-end/src/cljs/vr_match/mypage/component.cljs
index d079b47d..37353368 100644
--- a/front-end/src/cljs/vr_match/mypage/component.cljs
+++ b/front-end/src/cljs/vr_match/mypage/component.cljs
@@ -64,29 +64,31 @@
                    handleSubmitPlatforms]
             :as props}]
         [navigation-bar-layout {:title "プロフィールを編集"}
-         [:div {:style {:position "relative"}}
+         [:div
           (when isLoading
             [linear-progress])
           [mui/button-base {:on-click #(handle-click-reset-image image-ref)
                             :style {:width "100vw"
-                                    :height "100vw"}}
-           [:div {:style {:width "100vw"
-                          :height "100vw"
+                                    :max-height "480px"
+                                    :height "60%"}}
+           [:div {:style {:width "100%"
+                          :height "100%"
                           :background-image (str "url(" (some-> props :me :images first :url) ")")
                           :background-size "cover"
-                          :background-position "center"}}]]
-          [mui/icon-button {:on-click #(handle-click-reset-image image-ref)
-                            :style
-                            {:position "absolute"
-                             :width "64px"
-                             :height "64px"
-                             :top "calc(100vw - 40px)"
-                             :right "16px"
-                             :background-color mui/primary-color}}
-           [mui/icon {:font-size "inherit"
-                      :style {:color "white"
-                              :font-size "32px"}}
-            "edit"]]
+                          :background-position "center"
+                          :position "relative"}}
+            [mui/icon-button {:on-click #(handle-click-reset-image image-ref)
+                              :style
+                              {:position "absolute"
+                               :width "64px"
+                               :height "64px"
+                               :bottom "-16px"
+                               :right "16px"
+                               :background-color mui/primary-color}}
+             [mui/icon {:font-size "inherit"
+                        :style {:color "white"
+                                :font-size "32px"}}
+              "edit"]]]]
           [mui/list {:subheader (r/as-element [mui/list-subheader "ユーザー名"])}
            [mui/list-item {:key "user-name"
                            :on-click handle-click-user-name}
diff --git a/front-end/src/cljs/vr_match/myprofile/component.cljs b/front-end/src/cljs/vr_match/myprofile/component.cljs
index e816f5b9..15e489a2 100644
--- a/front-end/src/cljs/vr_match/myprofile/component.cljs
+++ b/front-end/src/cljs/vr_match/myprofile/component.cljs
@@ -25,10 +25,13 @@
                        :right 0
                        :left 0
                        :bottom "16px"
-                       :padding "0 16px"}}
+                       :padding "0 16px"
+                       :display "flex"}}
          [mui/button {:variant "contained"
                       :color "primary"
-                      :style {:width "100%"}
+                      :style {:width "100%"
+                              :max-width "640px"
+                              :margin "0 auto"}
                       :on-click handleClickEditMyProfile}
           [mui/icon {:style {:margin-right "8px"}}
            "edit"]
diff --git a/front-end/src/cljs/vr_match/profile/component.cljs b/front-end/src/cljs/vr_match/profile/component.cljs
index 1d2adb5c..447a830b 100644
--- a/front-end/src/cljs/vr_match/profile/component.cljs
+++ b/front-end/src/cljs/vr_match/profile/component.cljs
@@ -36,10 +36,14 @@
                            :right 0
                            :left 0
                            :bottom "16px"
-                           :padding "0 16px"}}
+                           :padding "0 16px"
+                           :display "flex"
+                           :justify-content "center"}}
              [mui/button {:variant "contained"
                           :color "primary"
-                          :style {:width "100%"}
+                          :style {:width "100%"
+                                  :max-width "640px"
+                                  :margin "0 auto"}
                           :disabled favorited?
                           :on-click handleClickFavorite}
               [mui/icon {:style {:margin-right "8px"}} "favorite"]