diff --git a/axum_server/styles/output.css b/axum_server/styles/output.css
index 7e79a0e..9171195 100644
--- a/axum_server/styles/output.css
+++ b/axum_server/styles/output.css
@@ -724,6 +724,14 @@ video {
   grid-template-columns: 1fr 2fr;
 }
 
+.grid-cols-\[min-content_1fr\] {
+  grid-template-columns: min-content 1fr;
+}
+
+.grid-cols-\[max-content_1fr\] {
+  grid-template-columns: max-content 1fr;
+}
+
 .flex-row {
   flex-direction: row;
 }
diff --git a/axum_server/templates/components/blog_post_preview.html b/axum_server/templates/components/blog_post_preview.html
index a7417a8..cf5ecc9 100644
--- a/axum_server/templates/components/blog_post_preview.html
+++ b/axum_server/templates/components/blog_post_preview.html
@@ -1,4 +1,4 @@
-<article class="grid grid-cols-[1fr_2fr] grid-flow-col gap-4">
+<article class="grid grid-cols-[max-content_1fr] grid-flow-col gap-4">
 	<aside class="row-span-3">
 		{% match post.metadata.thumbnail %}
 		{% when Some with (orig_path) %}