diff --git a/opal-web/src/routes/+layout.svelte b/opal-web/src/routes/+layout.svelte
index a847ca0..9cc2337 100644
--- a/opal-web/src/routes/+layout.svelte
+++ b/opal-web/src/routes/+layout.svelte
@@ -35,5 +35,12 @@
 			". content ."
 			". input .";
 		overflow: hidden;
+		background: linear-gradient(
+			to right,
+			var(--bg-secondary),
+			var(--bg-primary) calc(50% - var(--content-max-width) / 2 + 60px),
+			var(--bg-primary) calc(50% + var(--content-max-width) / 2 - 60px),
+			var(--bg-secondary)
+		);
 	}
 </style>
diff --git a/opal-web/src/routes/auth/callback/+page.svelte b/opal-web/src/routes/auth/callback/+page.svelte
index 191b262..075b738 100644
--- a/opal-web/src/routes/auth/callback/+page.svelte
+++ b/opal-web/src/routes/auth/callback/+page.svelte
@@ -45,10 +45,11 @@
 
 <style>
 	.callback-page {
+		grid-column: 1 / -1;
+		grid-row: 1 / -1;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		min-height: 100vh;
 	}
 	
 	.callback-card {
diff --git a/opal-web/src/routes/auth/login/+page.svelte b/opal-web/src/routes/auth/login/+page.svelte
index 889a1e5..1163cca 100644
--- a/opal-web/src/routes/auth/login/+page.svelte
+++ b/opal-web/src/routes/auth/login/+page.svelte
@@ -53,10 +53,11 @@
 
 <style>
 	.login-page {
+		grid-column: 1 / -1;
+		grid-row: 1 / -1;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		min-height: 100vh;
 	}
 	
 	.login-card {