diff --git a/packages/editor-ui/src/App.vue b/packages/editor-ui/src/App.vue
index d3c4fde265..358717f13a 100644
--- a/packages/editor-ui/src/App.vue
+++ b/packages/editor-ui/src/App.vue
@@ -241,9 +241,12 @@ export default mixins(showMessage, userHelpers, restApi, historyHelper).extend({
 }
 
 .content {
+	display: flex;
 	grid-area: content;
 	overflow: auto;
 	height: 100vh;
+	width: 100%;
+	justify-content: center;
 }
 
 .header {
diff --git a/packages/editor-ui/src/components/ExecutionsList.vue b/packages/editor-ui/src/components/ExecutionsList.vue
index 18c4b7c343..dd07f90694 100644
--- a/packages/editor-ui/src/components/ExecutionsList.vue
+++ b/packages/editor-ui/src/components/ExecutionsList.vue
@@ -927,6 +927,8 @@ export default mixins(externalHooks, genericHelpers, executionHelpers, restApi,
 	grid-template-rows: 1fr 0;
 	position: relative;
 	height: 100%;
+	width: 100%;
+	max-width: 1280px;
 }
 
 .execList {
diff --git a/packages/editor-ui/src/components/layouts/PageViewLayout.vue b/packages/editor-ui/src/components/layouts/PageViewLayout.vue
index 28912f319e..bc670f2b51 100644
--- a/packages/editor-ui/src/components/layouts/PageViewLayout.vue
+++ b/packages/editor-ui/src/components/layouts/PageViewLayout.vue
@@ -33,6 +33,8 @@ export default Vue.extend({
 .wrapper {
 	display: flex;
 	height: 100%;
+	width: 100%;
+	max-width: 1280px;
 	justify-content: center;
 	box-sizing: border-box;
 	background: var(--color-gray-light);
@@ -43,7 +45,6 @@ export default Vue.extend({
 }
 
 .container {
-	max-width: 1280px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
diff --git a/packages/editor-ui/src/views/NodeView.vue b/packages/editor-ui/src/views/NodeView.vue
index 9021a13f00..7e3bc49ce6 100644
--- a/packages/editor-ui/src/views/NodeView.vue
+++ b/packages/editor-ui/src/views/NodeView.vue
@@ -4055,7 +4055,8 @@ export default mixins(
 	position: relative;
 	display: flex;
 	overflow: auto;
-	height: 100vh;
+	height: 100%;
+	width: 100%;
 }
 
 .shake {