diff --git a/src/components/blog/Hero.astro b/src/components/blog/Hero.astro
index 3bc9c86..a776562 100644
--- a/src/components/blog/Hero.astro
+++ b/src/components/blog/Hero.astro
@@ -19,7 +19,7 @@ const {
 const { remarkPluginFrontmatter } = await render()
 ---
 
-{
+<!-- {
 	socialImage && (
 		<div class='mb-6'>
 			<img
@@ -30,10 +30,10 @@ const { remarkPluginFrontmatter } = await render()
 			/>
 		</div>
 	)
+} -->{
+	data.draft ? <span class='text-red-500'>(Draft)</span> : null
 }
 
-{data.draft ? <span class='text-red-500'>(Draft)</span> : null}
-
 <div class='flex flex-wrap items-center gap-x-3 gap-y-2'>
 	<p class='text-xs'>
 		<FormattedDate date={data.date} /> /{' '}