diff --git a/src/content/projects/my-site.tsx b/src/content/projects/my-site.tsx
index 98e5482..47d95e5 100644
--- a/src/content/projects/my-site.tsx
+++ b/src/content/projects/my-site.tsx
@@ -19,7 +19,7 @@ const content = <>
 	<p>
 		This has some interesting advantages:
 	</p>
-	<ul>
+	<ul class="tight">
 		<li>
 			HTML content is only generated when it's changed, rather than being redone on every request.
 		</li>
diff --git a/web/assets/styles/base.css b/web/assets/styles/base.css
index 9ef6354..40b77db 100644
--- a/web/assets/styles/base.css
+++ b/web/assets/styles/base.css
@@ -64,6 +64,9 @@ h1, h2, h3, h4 {
 :is(hgroup, p, blockquote, ol, ul, li) + :is(hgroup, blockquote, p, ol, ul, li) {
 	margin-block-start: var(--block-space, 1em);
 }
+.tight {
+	--block-space: 0.35em;
+}
 
 blockquote {
 	padding-inline: 1.25em;