diff --git a/public/scss/generics.scss b/public/scss/generics.scss
index 017d872434..62eca8f327 100644
--- a/public/scss/generics.scss
+++ b/public/scss/generics.scss
@@ -71,16 +71,6 @@
 	}
 }
 
-#crop-picture-modal {
-	#cropped-image {
-		max-width: 100%;
-	}
-
-	.cropper-container.cropper-bg {
-		max-width: 100%;
-	}
-}
-
 blockquote {
 	background-color: $light;
 	font-style: italic;
diff --git a/public/scss/modals.scss b/public/scss/modals.scss
index 8422c318a2..ac414e8753 100644
--- a/public/scss/modals.scss
+++ b/public/scss/modals.scss
@@ -30,3 +30,9 @@
 		max-width: 500px;
 	}
 }
+
+#crop-picture-modal {
+	.cropper-container.cropper-bg {
+		max-width: 100%;
+	}
+}
\ No newline at end of file
diff --git a/src/views/modals/crop_picture.tpl b/src/views/modals/crop_picture.tpl
index f78e4eed76..c249c80feb 100644
--- a/src/views/modals/crop_picture.tpl
+++ b/src/views/modals/crop_picture.tpl
@@ -12,7 +12,7 @@
 				</div>
 
 				<div class="cropper">
-					<img id="cropped-image" crossorigin="anonymous" src="{url}" alt="">
+					<img id="cropped-image" class="mw-100" crossorigin="anonymous" src="{url}" alt="">
 				</div>
 
 				<hr />