diff --git a/frontend/src/components/window/Panel.svelte b/frontend/src/components/window/Panel.svelte
index a65d9547..9d33cbc2 100644
--- a/frontend/src/components/window/Panel.svelte
+++ b/frontend/src/components/window/Panel.svelte
@@ -473,11 +473,11 @@
 				padding-bottom: 4px;
 			}
 		}
+	}
 
-		// Needed for the viewport hole punch on desktop
-		.viewport-hole-punch &.document-panel,
-		.viewport-hole-punch &.document-panel .panel-body:not(:has(.welcome-panel)) {
-			background: none;
-		}
+	// Needed for the viewport hole punch on desktop
+	.viewport-hole-punch .panel.document-panel,
+	.viewport-hole-punch .panel.document-panel .panel-body:not(:has(.welcome-panel)) {
+		background: none;
 	}
 </style>
diff --git a/frontend/src/components/window/Workspace.svelte b/frontend/src/components/window/Workspace.svelte
index d1fdd9b2..01b1e663 100644
--- a/frontend/src/components/window/Workspace.svelte
+++ b/frontend/src/components/window/Workspace.svelte
@@ -265,15 +265,15 @@
 				cursor: ew-resize;
 			}
 		}
+	}
 
-		// Needed for the viewport hole punch on desktop
-		.viewport-hole-punch & .workspace-grid-subdivision:has(.panel.document-panel)::after {
-			content: "";
-			position: absolute;
-			inset: 6px;
-			border-radius: 6px;
-			box-shadow: 0 0 0 calc(100vw + 100vh) var(--color-2-mildblack);
-			z-index: -1;
-		}
+	// Needed for the viewport hole punch on desktop
+	.viewport-hole-punch .workspace .workspace-grid-subdivision:has(.panel.document-panel)::after {
+		content: "";
+		position: absolute;
+		inset: 6px;
+		border-radius: 6px;
+		box-shadow: 0 0 0 calc(100vw + 100vh) var(--color-2-mildblack);
+		z-index: -1;
 	}
 </style>