diff --git a/packages/editor-ui/src/components/MainHeader/MainHeader.vue b/packages/editor-ui/src/components/MainHeader/MainHeader.vue
index 7db2b3a478..f9cd40d07a 100644
--- a/packages/editor-ui/src/components/MainHeader/MainHeader.vue
+++ b/packages/editor-ui/src/components/MainHeader/MainHeader.vue
@@ -276,6 +276,7 @@ function hideGithubButton() {
 }
 
 .main-header {
+	min-height: var(--navbar--height);
 	background-color: var(--color-background-xlight);
 	width: 100%;
 	box-sizing: border-box;
diff --git a/packages/editor-ui/src/styles/_global.scss b/packages/editor-ui/src/styles/_global.scss
new file mode 100644
index 0000000000..233a458c96
--- /dev/null
+++ b/packages/editor-ui/src/styles/_global.scss
@@ -0,0 +1,3 @@
+:root {
+	--navbar--height: 64px;
+}
diff --git a/packages/editor-ui/src/styles/index.scss b/packages/editor-ui/src/styles/index.scss
index 65126a8b4d..057d4cdc6e 100644
--- a/packages/editor-ui/src/styles/index.scss
+++ b/packages/editor-ui/src/styles/index.scss
@@ -1,3 +1,4 @@
 @import 'variables';
 @import 'plugins';
+@import 'global';
 @import 'animations';