diff --git a/src/pages/changelog-next/[...slug].astro b/src/pages/changelog-next/[...slug].astro
index f09870c6bae9bea..36044e8c150228c 100644
--- a/src/pages/changelog-next/[...slug].astro
+++ b/src/pages/changelog-next/[...slug].astro
@@ -40,7 +40,7 @@ const props = {
 
 <StarlightPage {...props}>
 	<Header />
-	<div class="w-full max-w-[50rem] justify-self-center">
+	<div class="w-full max-w-[50rem] justify-self-center px-4">
 		<div class="!mt-0 mb-10">
 			<a href="/changelog-next/" class="no-underline">
 				<span class="text-accent">← </span>
diff --git a/src/pages/changelog-next/index.astro b/src/pages/changelog-next/index.astro
index c71a972cbc47cf9..6cec0557802a9bb 100644
--- a/src/pages/changelog-next/index.astro
+++ b/src/pages/changelog-next/index.astro
@@ -50,7 +50,7 @@ const props = {
 						</div>
 						<Steps>
 							<ol class="!mt-0 overflow-x-auto" data-products={productIds}>
-								<li class="mb-16">
+								<li class="!pb-16">
 									<div>
 										<a
 											href={`/changelog-next/${entry.slug}/`}