diff --git a/frontend/public/index.html b/frontend/public/index.html
index 1e252f9630..af63f786a9 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -4,7 +4,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta name="viewport" content="width=1366, initial-scale=1">
+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
 	<meta name="msapplication-TileColor" content="#da532c">
 	<meta name="theme-color" content="#ffffff">
 	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
diff --git a/frontend/src/components/window/MainWindow.vue b/frontend/src/components/window/MainWindow.vue
index 5ac19beb8a..60867de8f9 100644
--- a/frontend/src/components/window/MainWindow.vue
+++ b/frontend/src/components/window/MainWindow.vue
@@ -14,10 +14,8 @@
 
 <style lang="scss">
 .main-window {
-	min-height: 100%;
-	// Creates a new stacking context for the app UI so that floating menus (which use `position: fixed` to leave their spawner element's stacking context) have an app-centric stacking context
-	// Without this, floating menus would default to the web page's stacking context, which causes the floating menus to stay fixed when the page is scrolled and get offset from the app UI
-	transform: translate(0, 0);
+	height: 100%;
+	overflow: auto;
 }
 
 .title-bar-row {
diff --git a/frontend/src/components/workspace/Workspace.vue b/frontend/src/components/workspace/Workspace.vue
index dc0684c99d..b45242bac6 100644
--- a/frontend/src/components/workspace/Workspace.vue
+++ b/frontend/src/components/workspace/Workspace.vue
@@ -24,7 +24,6 @@
 <style lang="scss">
 .workspace-grid-subdivision {
 	min-height: 28px;
-	min-width: 0;
 	flex: 1 1 0;
 
 	&.folded {
@@ -34,15 +33,13 @@
 }
 
 .workspace-grid-resize-gutter {
-	flex: 0 0 auto;
+	flex: 0 0 4px;
 
 	&.layout-row {
-		height: 4px;
 		cursor: ns-resize;
 	}
 
 	&.layout-col {
-		width: 4px;
 		cursor: ew-resize;
 	}
 }
