diff --git a/packages/editor-ui/src/components/DataDisplay.vue b/packages/editor-ui/src/components/DataDisplay.vue
index c694173540..1e3985c361 100644
--- a/packages/editor-ui/src/components/DataDisplay.vue
+++ b/packages/editor-ui/src/components/DataDisplay.vue
@@ -147,7 +147,7 @@ export default Vue.extend({
 		position: relative;
 		width: 80%;
 		height: 80%;
-		margin: 6em auto;
+		margin: 3em auto;
 		background-color: #fff;
 		border-radius: 2px;
 		@media (max-height: 720px) {
diff --git a/packages/editor-ui/src/n8n-theme.scss b/packages/editor-ui/src/n8n-theme.scss
index 93f90d011a..9b252a6c5f 100644
--- a/packages/editor-ui/src/n8n-theme.scss
+++ b/packages/editor-ui/src/n8n-theme.scss
@@ -58,7 +58,11 @@ h1, h2, h3, h4, h5, h6 {
 	-webkit-box-shadow: none;
 	box-shadow: none;
 
-	@media (max-height: 720px) {
+	@media (max-height: 1050px) {
+		margin: 4em auto !important;
+	}
+
+	@media (max-height: 930px) {
 		margin: 1em auto !important;
 	}