diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 7ee20d2..9297135 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -70,8 +70,8 @@
 {:else if $playbackState}
 	<TooltipTemplateHotkeys id={helpTooltipOptions.templateId} />
 	<TooltipTemplateSettings id={settingsTooltipOptions.templateId} settings={data.settings} />
-	<div class="h-screen w-full max-w-screen-xl mx-auto py-4 flex flex-col md:flex-row">
-		<div class="flex flex-col grow mt-4 md:mt-0">
+	<div class="h-screen w-full max-w-screen-xl mx-auto flex flex-col md:flex-row">
+		<div class="flex flex-col grow">
 			{#if data.settings.title}
 				<h1 class="text-center font-bold text-lg">{data.settings.title}</h1>
 			{/if}
@@ -91,7 +91,7 @@
 			{/if}
 		</div>
 		{#if data.settings.showScoreboard}
-			<div class="basis-full md:basis-2/5 order-first md:order-last px-2 md:pl-0">
+			<div class="basis-full md:basis-2/5 order-first md:order-last p-2 md:pl-0">
 				<Scoreboard />
 			</div>
 		{/if}
diff --git a/src/routes/debug/iframes/+page.svelte b/src/routes/debug/iframes/+page.svelte
index b51def8..1e6e699 100644
--- a/src/routes/debug/iframes/+page.svelte
+++ b/src/routes/debug/iframes/+page.svelte
@@ -49,15 +49,15 @@
 	];
 </script>
 
-<div class="flex flex-col align-center m-4 text-center w-full">
+<div class="m-4 w-full">
 	{#each configs as config}
-		<div class="mb-16">
+		<div class="flex flex-col w-full mb-16">
 			<p class="text-xl font-bold text-center">{config.title}</p>
-			<p class="text-center text-blue-500 mb-2">
+			<p class="text-sm text-center text-blue-500 mb-2">
 				<a href={config.url}>{config.url}</a>
 			</p>
 			<div
-				class="rounded-sm border-2 border-solid border-pink-500 m-auto"
+				class="rounded-sm border-2 border-solid border-pink-500 mx-auto"
 				style:width={config.width}
 				style:aspect-ratio={config.aspectRatio}
 				style:max-height={'720px'}