diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index cc6c797..00a19e2 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -56,7 +56,7 @@
 		</Button>
 	</header>
 
-	<div class="container relative mt-8 flex flex-col items-center">
+	<div class="relative container mt-14 flex flex-col items-center">
 		{@render children()}
 	</div>
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 218c80c..f87a3bd 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -20,8 +20,8 @@
 		<Image {image} {tags} class="aspect-[4/5] object-cover" />
 		<div class="grid grid-cols-[1fr_auto] items-center text-sm">
 			<div class="mt-1 pr-4">
-				<h3 class="text-lg font-medium leading-none">{name}</h3>
-				<p class="mt-1.5 text-sm leading-5 text-muted-foreground">{description}</p>
+				<h3 class="text-lg leading-none font-medium">{name}</h3>
+				<p class="text-muted-foreground mt-1.5 text-sm leading-5">{description}</p>
 			</div>
 			<Button target="_blank" href={link} variant="secondary" size="icon">
 				<SquareArrowOutUpRight />
@@ -40,11 +40,11 @@
 	<meta property="og:image" content={baseURL + site.image} />
 </svelte:head>
 
-<header class="mb-24 flex flex-col items-center text-center font-title">
+<header class="font-title mb-12 flex flex-col items-center text-center">
 	<h1 class="mb-1 scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl">
 		Hei! Mina olen Mihkel
 	</h1>
-	<p class="font-sans text-base text-muted-foreground">
+	<p class="text-muted-foreground font-sans text-base">
 		Peale selle toreda saidi on mul veel palju hobisid
 	</p>
 </header>
diff --git a/src/routes/vinge/+page.svelte b/src/routes/vinge/+page.svelte
index e55c21a..1d4e01f 100644
--- a/src/routes/vinge/+page.svelte
+++ b/src/routes/vinge/+page.svelte
@@ -16,12 +16,12 @@
 	<meta property="og:image" content={baseURL + site.image} />
 </svelte:head>
 
-<header class="mb-24 flex flex-col items-center text-center font-title">
+<header class="font-title mb-12 flex flex-col items-center text-center">
 	<h1 class="mb-1 scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl">Vinge värk</h1>
-	<p class="font-sans text-base leading-7 text-muted-foreground">
+	<p class="text-muted-foreground font-sans text-base leading-7">
 		Minu loodud minimängud ja muud huvitavat.
 	</p>
-	<p class="font-sans text-base leading-7 text-muted-foreground">
+	<p class="text-muted-foreground font-sans text-base leading-7">
 		Aitäh
 		<a href="https://neal.fun" class="font-medium underline underline-offset-4">neal.fun</a> inspo eest
 		:)
@@ -29,7 +29,7 @@
 </header>
 
 <div
-	class="mx-auto mb-24 flex w-full flex-wrap items-center justify-center justify-items-center gap-4 gap-x-8 gap-y-8 lg:grid-cols-2"
+	class="mx-auto flex w-full flex-wrap items-center justify-center justify-items-center gap-4 gap-x-8 gap-y-8 lg:grid-cols-2"
 >
 	{#each Object.entries(games) as [href, { image, name }]}
 		<a
@@ -41,7 +41,7 @@
 			draggable="false"
 			href="/vinge/{href}"
 		>
-			<span class="relative block select-none rounded font-mono text-lg font-semibold lg:text-xl">
+			<span class="relative block rounded font-mono text-lg font-semibold select-none lg:text-xl">
 				{name}
 			</span>
 		</a>