diff --git a/src/routes/blog/[slug]/+page.svelte b/src/routes/blog/[slug]/+page.svelte
index 7c3fc8a..265065b 100644
--- a/src/routes/blog/[slug]/+page.svelte
+++ b/src/routes/blog/[slug]/+page.svelte
@@ -34,7 +34,7 @@
 		: 'bg-red-500 text-slate-50'} sm:flex-row sm:flex-nowrap sm:gap-5"
 >
 	<div class="flex items-center">
-		<Icon icon="material-symbols:calendar-today" class="mr-3" style="transform: scale( 1.4 )" />
+		<Icon icon="material-symbols:calendar-today" class="mr-3" width={24} height={24} />
 		<p>
 			{data.blogPost.date
 				? new Date(data.blogPost.date).toLocaleString(undefined, {
@@ -47,7 +47,7 @@
 	</div>
 	{#if data.blogPost.dateChanged}
 		<div class="flex items-center font-bold">
-			<Icon icon="material-symbols:update" class="mr-3" style="transform: scale( 1.4 )" />
+			<Icon icon="material-symbols:update" class="mr-3" width={24} height={24} />
 			<p>
 				{new Date(data.blogPost.dateChanged).toLocaleString(undefined, {
 					month: 'short',
@@ -78,13 +78,13 @@
 		prose-pre:drop-shadow-md
 		prose-headings:font-disket
 		prose-headings:mb-4
-		prose-headings:font-bold prose-headings:text-slate-950 mx-auto
-		prose-h1:text-2xl prose-h1:sm:text-4xl
-		prose-h2:text-xl prose-h2:sm:text-3xl
+		prose-headings:font-bold prose-headings:text-slate-950 prose-h1:text-2xl
+		prose-h1:sm:text-4xl prose-h2:text-xl
+		prose-h2:sm:text-3xl mx-auto
 		w-5xl
 		p-4
-		text-slate-950
 		text-base
+		text-slate-950
 		sm:text-xl lg:p-8"
 >
 	<svelte:component this={data.content} />