diff --git a/examples/basics/src/components/Card.astro b/examples/basics/src/components/Card.astro
index 2515ee70fc..ee57d4df40 100644
--- a/examples/basics/src/components/Card.astro
+++ b/examples/basics/src/components/Card.astro
@@ -11,7 +11,8 @@ const { href, title, body } = Astro.props;
 <li class="link-card">
 	<a href={href}>
 		<h2>
-			{title} <span>&rarr;</span>
+			{title}
+			<span>&rarr;</span>
 		</h2>
 		<p>
 			{body}
@@ -29,7 +30,7 @@ const { href, title, body } = Astro.props;
 		border-radius: 0.5rem;
 		background-position: 100%;
 		transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-		box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
+		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 	}
 
 	.link-card > a {
@@ -58,5 +59,4 @@ const { href, title, body } = Astro.props;
 	.link-card:is(:hover, :focus-within) h2 {
 		color: rgb(var(--accent));
 	}
-
 </style>
diff --git a/examples/basics/src/pages/index.astro b/examples/basics/src/pages/index.astro
index 304b339762..412cc4a775 100644
--- a/examples/basics/src/pages/index.astro
+++ b/examples/basics/src/pages/index.astro
@@ -64,7 +64,7 @@ import Card from '../components/Card.astro';
 	.instructions code {
 		font-size: 0.875em;
 		font-weight: bold;
-		background:  rgba(var(--accent), 12%);
+		background: rgba(var(--accent), 12%);
 		color: rgb(var(--accent));
 		border-radius: 4px;
 		padding: 0.3em 0.45em;