diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index 9573c07..b717305 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -22,7 +22,7 @@
 	<Navbar />
 {/if}
 
-<main class="container" style="flex: 1; padding-block: {isFullViewport ? '0' : '1.5rem'}; overflow: {isFullViewport ? 'hidden' : 'visible'}; max-width: {isFullViewport ? '100%' : ''}; padding-inline: {isFullViewport ? '0' : ''}; width: {isFullViewport ? '100%' : ''};">
+<main class="container" style="flex: 1; padding-block: {isFullViewport ? '0' : '1.5rem'}; overflow: {isFullViewport ? 'hidden' : 'visible'};">
 	{@render children()}
 </main>
 
diff --git a/frontend/src/routes/playground/+page.svelte b/frontend/src/routes/playground/+page.svelte
index beee530..6773da4 100644
--- a/frontend/src/routes/playground/+page.svelte
+++ b/frontend/src/routes/playground/+page.svelte
@@ -62,6 +62,13 @@
 
 <svelte:head>
 	<title>Developer Playground — Elemes</title>
+	<style>
+		/* Override root container constrainer — playground is full viewport */
+		main.container {
+			max-width: none !important;
+			padding-inline: 0 !important;
+		}
+	</style>
 </svelte:head>
 
 <div class="playground-page">