diff --git a/src/components/ImageEditor.vue b/src/components/ImageEditor.vue
index 9237e6117..b61357242 100644
--- a/src/components/ImageEditor.vue
+++ b/src/components/ImageEditor.vue
@@ -272,7 +272,7 @@ export default {
 	position: absolute;
 	z-index: 10100;
 	top: calc(var(--header-height) * -1);
-	bottom: calc(var(--header-height) * -1);
+	bottom: 0;
 	left: 0;
 	width: 100%;
 	height: 100vh;
diff --git a/src/views/Viewer.vue b/src/views/Viewer.vue
index aa1afd45b..f4ced18d0 100644
--- a/src/views/Viewer.vue
+++ b/src/views/Viewer.vue
@@ -1216,7 +1216,7 @@ export default {
 		.modal-container {
 			// Ensure some space at the bottom
 			top: var(--header-height);
-			bottom: var(--header-height);
+			bottom: 0;
 			height: auto;
 			// let the mime components manage their own background-color
 			background-color: transparent;