diff --git a/components/base/AuthorCard.vue b/components/base/AuthorCard.vue
index a10b892..9da063e 100644
--- a/components/base/AuthorCard.vue
+++ b/components/base/AuthorCard.vue
@@ -36,7 +36,7 @@
           </div>
         </template>
         <template #footer>
-          <div class="content">{{ person.bio }}</div>
+          <div>{{ person.bio }}</div>
         </template>
       </DCard>
     </div>
diff --git a/pages/blog/_slug.vue b/pages/blog/_slug.vue
index 9afa3ff..4d42120 100644
--- a/pages/blog/_slug.vue
+++ b/pages/blog/_slug.vue
@@ -36,3 +36,19 @@ export default {
   },
 };
 </script>
+
+<style>
+.container {
+  padding: 48px;
+}
+
+.content {
+  /* ... */
+  display: grid;
+  grid-template-columns: 1fr min(100ch, 100%) 1fr;
+}
+
+.content > * {
+  grid-column: 2;
+}
+</style>