diff --git a/public/script.js b/public/script.js
index cfe0dcdba..8770dede0 100644
--- a/public/script.js
+++ b/public/script.js
@@ -4476,6 +4476,7 @@ function callPopup(text, type, inputValue = '') {
         $('#avatarToCrop').cropper({
             aspectRatio: 2 / 3,
             autoCropArea: 1,
+            viewMode: 2,
             rotatable: false,
             crop: function (event) {
                 crop_data = event.detail;
diff --git a/public/style.css b/public/style.css
index eea08718f..09fecffd6 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2797,7 +2797,7 @@ h5 {
 #avatarCropWrap {
     margin: 10px auto;
     max-height: 90%;
-    max-width: 90%;
+    max-width: 100%;
 }
 
 #avatarToCrop {
@@ -4470,4 +4470,4 @@ body.waifuMode #avatar_zoom_popup {
         overflow-y: auto;
         overflow-x: hidden;
     }
-}
\ No newline at end of file
+}