diff --git a/frontend/public/index.html b/frontend/public/index.html
index 1e252f96..af63f786 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 5ac19beb..60867de8 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 dc0684c9..b45242ba 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;
 	}
 }
