diff --git a/frontend/public/index.html b/frontend/public/index.html
index af63f786a9..1e252f9630 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 60867de8f9..5ac19beb8a 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 b45242bac6..dc0684c99d 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;
 	}
 }
