diff --git a/examples/hackernews/src/components/Comment.astro b/examples/hackernews/src/components/Comment.astro
index 8327e666c7..6137f4e1d0 100644
--- a/examples/hackernews/src/components/Comment.astro
+++ b/examples/hackernews/src/components/Comment.astro
@@ -14,7 +14,7 @@ const { comment } = Astro.props;
 <li>
 	<div class="by">
 		<a href={`/users/${comment.user}`}>{comment.user}</a>{' '}
-		{comment.time_ago} ago
+		{comment.time_ago}
 	</div>
 	<div class="text" set:html={comment.content} />
 	<Show when={comment.comments.length}>
diff --git a/examples/hackernews/src/pages/stories/[id].astro b/examples/hackernews/src/pages/stories/[id].astro
index 6cd17ea456..84383aa9e4 100644
--- a/examples/hackernews/src/pages/stories/[id].astro
+++ b/examples/hackernews/src/pages/stories/[id].astro
@@ -25,7 +25,7 @@ const story = (await fetchAPI(`item/${id}`)) as IStory;
 				<a href={`/users/${story.user}`}>
 					{story.user}
 				</a>
-				{story.time_ago} ago
+				&nbsp;{story.time_ago}
 			</p>
 		</header>
 		<main>