diff --git a/frontend/public/index.html b/frontend/public/index.html
index af63f786..1e252f96 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=device-width,initial-scale=1.0">
+	<meta name="viewport" content="width=1366, initial-scale=1">
 	<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 60867de8..5ac19beb 100644
--- a/frontend/src/components/window/MainWindow.vue
+++ b/frontend/src/components/window/MainWindow.vue
@@ -14,8 +14,10 @@
 
 <style lang="scss">
 .main-window {
-	height: 100%;
-	overflow: auto;
+	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);
 }
 
 .title-bar-row {
diff --git a/frontend/src/components/workspace/Workspace.vue b/frontend/src/components/workspace/Workspace.vue
index b45242ba..dc0684c9 100644
--- a/frontend/src/components/workspace/Workspace.vue
+++ b/frontend/src/components/workspace/Workspace.vue
@@ -24,6 +24,7 @@
 <style lang="scss">
 .workspace-grid-subdivision {
 	min-height: 28px;
+	min-width: 0;
 	flex: 1 1 0;
 
 	&.folded {
@@ -33,13 +34,15 @@
 }
 
 .workspace-grid-resize-gutter {
-	flex: 0 0 4px;
+	flex: 0 0 auto;
 
 	&.layout-row {
+		height: 4px;
 		cursor: ns-resize;
 	}
 
 	&.layout-col {
+		width: 4px;
 		cursor: ew-resize;
 	}
 }
