diff --git a/src/views/setting/components/AvatarCropDialog.vue b/src/views/setting/components/AvatarCropDialog.vue
index 35444b2..910dbff 100644
--- a/src/views/setting/components/AvatarCropDialog.vue
+++ b/src/views/setting/components/AvatarCropDialog.vue
@@ -12,7 +12,7 @@
 					<VueCropper
 						ref="cropperRef"
 						:img="imageUrl"
-						:wrapper="{ width: 420, height: 420 }"
+						:wrapper="{ width: '42rem', height: '42rem' }"
 						:crop-layout="{ width: 260, height: 260 }"
 						:center-box="true"
 						:output-type="outputType"