src/routes/+layout.svelte

@@ -73,7 +73,7 @@
 				{#each pages as page (page.slug)}
 					<li>
 						<button
-							class="btn btn-primary btn-soft btn-lg"
+							class="btn btn-primary btn-outline btn-lg"
 							onclick={() => {
 								goto(page.slug);
 								drawerOpen = false;
@@ -88,7 +88,7 @@
 					<span class="text-base-content font-semibold">Benjamin</span>
 					Palko
 				</h2>
-				<label for="navigation-drawer" class="btn btn-error btn-soft btn-lg">Close</label>
+				<label for="navigation-drawer" class="btn btn-accent btn-outline btn-lg">Close</label>
 			</div>
 		</div>
 	</div>

src/routes/blog/[slug]/+page.svelte

@@ -10,19 +10,20 @@
 </script>
 
 <div class="flex flex-col items-center gap-4">
-	<div class="w-full max-w-5xl">
+	<div class="w-full max-w-5xl px-4">
 		<p class="text-gray-500">{dayjs(post.createdAt).format('DD MMMM YYYY')}</p>
 		<h1 class="text-4xl font-light">{post.Title}</h1>
 	</div>
 	<img
-		class="rounded-t-box aspect-4/2 w-full object-cover"
+		class="aspect-4/2 w-full object-cover"
 		src={`${env.PUBLIC_STRAPI_HOST}${post.Header.formats.medium.url}`}
 		alt={post.Header.alternativeText}
 	/>
-	<div class="w-full max-w-5xl">
+	<div class="w-full max-w-5xl px-4">
 		{#await compile(post.Body)}
 			<div class="skeleton h-48 w-full"></div>
 		{:then content}
+			<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 			{@html content?.code}
 		{/await}
 	</div>