diff --git a/src/blog/default.template.html b/src/blog/default.template.html
index eef4c476..b61e29e6 100644
--- a/src/blog/default.template.html
+++ b/src/blog/default.template.html
@@ -20,9 +20,9 @@
   </div>
 </div>
 <div class="bulma-section bulma-container bulma-is-max-desktop">
-  <div class="bulma-columns">
+  <div class="bulma-grid bulma-is-col-min-12 bulma-is-column-gap-2 bulma-is-row-gap-2">
     @:for(author)
-    <div class="bulma-column">
+    <div class="bulma-cell">
       @:include(/templates/bio.template.html) { render-bio = true }
     </div>
     @:@
diff --git a/src/templates/bio.template.html b/src/templates/bio.template.html
index 96bfe218..4b85f754 100644
--- a/src/templates/bio.template.html
+++ b/src/templates/bio.template.html
@@ -13,7 +13,7 @@
         @:if(_.render-bio)
         @:for(_.bio)
         <br />
-        ${_.bio}
+        <span class="hyphenate">${_.bio}</span>
         @:@
         @:@
         @:if(_.render-title)