diff --git a/public/css/admin.css b/public/css/admin.css
index af84404d..36534d22 100644
--- a/public/css/admin.css
+++ b/public/css/admin.css
@@ -145,6 +145,8 @@ body {
 /* Crop editor
 ----------------*/
 #crop_editor {
+	display: flex;
+	flex-direction: column;
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -161,6 +163,7 @@ body {
 }
 .crop_image_container {
 	position: relative;
+	flex-grow: 1;
 }
 .crop_position {
 	background: rgba(0, 0, 0, 1.0);
diff --git a/public/js/crop_editor.js b/public/js/crop_editor.js
index a0679104..ec1511ad 100644
--- a/public/js/crop_editor.js
+++ b/public/js/crop_editor.js
@@ -131,7 +131,7 @@ class CropEditor {
 	}
 
 	showContainer() {
-		this.container.style.display = "block";
+		this.container.style.display = '';
 		this.setInputValues();
 		this.positionBoundary();
 	}