diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index cb2e00c..bad878c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -22,7 +22,7 @@
 		<h2 class="border-t-2 border-teal-800 w-fit">
 			{DISTRO} — our linux distribution
 		</h2>
-		<div class="grid lg:grid-cols-[1.15fr,auto,1fr] gap-2 items-end">
+		<div class="grid lg:grid-cols-[1.15fr,calc(theme(gap.12)),1fr] items-end">
 			<div class="clear-left text-xl flex flex-col h-full">
 				Gain certainty in your deployed system configuration by
 				replacing your opaque state with code.
@@ -56,7 +56,7 @@
 		<h2 class="border-t-2 border-teal-800 w-fit ms-auto">
 			a reimagining of the NixOS community
 		</h2>
-		<div class="grid lg:grid-cols-[1.1fr,1fr] gap-12">
+		<div class="grid lg:grid-cols-[1.15fr,1fr] gap-12">
 			<div class="float-right drop-shadow flex flex-col rounded overflow-hidden">
 				<!-- screenshot taken as Responsive (1500x800), DPR=1, Zoom=150% in Firefox  -->
 				<enhanced:img src="./gerrit.png?format=png"
@@ -85,7 +85,7 @@
 		<h2 class="border-t-2 border-teal-800 w-fit">
 			…and much more!
 		</h2>
-		<div class="grid lg:grid-cols-[1fr,1fr]">
+		<div class="grid lg:grid-cols-[1.15fr,1fr]">
 			<div class="clear-left text-xl">
 				With <b>{DISTRO}</b> and <b>{PKGS}</b>, you can:
 				<ul class="ms-2 list-disc list-inside text-lg">