diff --git a/bookwyrm/models/status.py b/bookwyrm/models/status.py
index eb79e43d..f7d924b9 100644
--- a/bookwyrm/models/status.py
+++ b/bookwyrm/models/status.py
@@ -214,7 +214,7 @@ class Boost(Status):
         ActivityMapping('object', 'boosted_status'),
     ]
 
-    activity_serializer = activitypub.Like
+    activity_serializer = activitypub.Boost
 
     # This constraint can't work as it would cross tables.
     # class Meta:
diff --git a/bookwyrm/static/css/format.css b/bookwyrm/static/css/format.css
index 65c5f6f2..617d9391 100644
--- a/bookwyrm/static/css/format.css
+++ b/bookwyrm/static/css/format.css
@@ -31,7 +31,7 @@ input.toggle-control {
     display: none;
 }
 
-.toggle-content.hidden {
+.hidden {
     display: none;
 }
 
diff --git a/bookwyrm/templates/feed.html b/bookwyrm/templates/feed.html
index 1cd96cbe..2afef2f3 100644
--- a/bookwyrm/templates/feed.html
+++ b/bookwyrm/templates/feed.html
@@ -5,8 +5,8 @@
 <section class="section" id="feed">
     <div class="container">
         {% for activity in activities %}
-        <div class="card">
-            {% include 'snippets/status.html' with status=activity %}
+        <div class="block">
+        {% include 'snippets/status.html' with status=activity %}
         </div>
         {% endfor %}
 
diff --git a/bookwyrm/templates/snippets/book_titleby.html b/bookwyrm/templates/snippets/book_titleby.html
index 543c64c5..d8b84646 100644
--- a/bookwyrm/templates/snippets/book_titleby.html
+++ b/bookwyrm/templates/snippets/book_titleby.html
@@ -1,8 +1,8 @@
-<span class="title">
+<span>
     <a href="/book/{{ book.id }}">{{ book.title }}</a>
 </span>
 {% if book.authors %}
-<span class="author">
+<span>
     by {% include 'snippets/authors.html' with book=book %}
 </span>
 {% endif %}
diff --git a/bookwyrm/templates/snippets/interaction.html b/bookwyrm/templates/snippets/interaction.html
index ca546ccf..7f0033ed 100644
--- a/bookwyrm/templates/snippets/interaction.html
+++ b/bookwyrm/templates/snippets/interaction.html
@@ -1,20 +1,22 @@
 {% load fr_display %}
-<div class="nav level">
+<div class="card-footer-item">
     {% if request.user.is_authenticated %}
     <form name="reply" action="/reply" method="post" onsubmit="return reply(event)">
+        <div class="field is-grouped">
         {% csrf_token %}
         <input type="hidden" name="parent" value="{{ activity.id }}">
         <textarea name="content" placeholder="Leave a comment..." id="id_content" required="true"></textarea>
-        <button type="submit">
+        <button class="button" type="submit">
             <span class="icon icon-comment">
                 <span class="hidden-text">Comment</span>
             </span>
         </button>
+        </div>
     </form>
 
     <form name="boost" action="/boost/{{ activity.id }}" method="post" onsubmit="return interact(event)" class="boost-{{ status.id }} {% if request.user|boosted:status  %}hidden{% endif %}" data-id="boost-{{ status.id }}">
         {% csrf_token %}
-        <button type="submit">
+        <button class="button" type="submit">
             <span class="icon icon-boost">
                 <span class="hidden-text">Boost status</span>
             </span>
@@ -22,7 +24,7 @@
     </form>
     <form name="unboost" action="/unboost/{{ activity.id }}" method="post" onsubmit="return interact(event)" class="boost-{{ status.id }} active {% if not request.user|boosted:status %}hidden{% endif %}" data-id="boost-{{ status.id }}">
         {% csrf_token %}
-        <button type="submit">
+        <button class="button is-success" type="submit">
             <span class="icon icon-boost">
                 <span class="hidden-text">Un-boost status</span>
             </span>
@@ -31,7 +33,7 @@
 
     <form name="favorite" action="/favorite/{{ activity.id }}" method="POST" onsubmit="return interact(event)" class="fav-{{ status.id }} {% if request.user|liked:status %}hidden{% endif %}" data-id="fav-{{ status.id }}">
         {% csrf_token %}
-        <button type="submit">
+        <button class="button" type="submit">
             <span class="icon icon-heart">
                 <span class="hidden-text">Like status</span>
             </span>
@@ -39,7 +41,7 @@
     </form>
     <form name="unfavorite" action="/unfavorite/{{ activity.id }}" method="POST" onsubmit="return interact(event)" class="fav-{{ status.id }} active {% if not request.user|liked:status %}hidden{% endif %}" data-id="fav-{{ status.id }}">
         {% csrf_token %}
-        <button type="submit">
+        <button class="button is-success" type="submit">
             <span class="icon icon-heart">
                 <span class="hidden-text">Un-like status</span>
             </span>
@@ -62,3 +64,8 @@
     {% endif %}
 </div>
 
+<div class="card-footer-item">
+    <span class="icon icon-public">
+        <span class="hidden-text">Public post</span>
+    </span>
+</div>
diff --git a/bookwyrm/templates/snippets/status.html b/bookwyrm/templates/snippets/status.html
index 3f7c7c59..599b33ca 100644
--- a/bookwyrm/templates/snippets/status.html
+++ b/bookwyrm/templates/snippets/status.html
@@ -1,23 +1,24 @@
 {% load fr_display %}
 
-<div class="post{% if depth %}depth-{{ depth }} {% if main %}main{% else %}reply{% endif %}{% endif %}">
-    <h2 class="level">
-    {% if status.boosted_status %}
-        {% include 'snippets/status_header.html' with status=status.boosted_status %}
-        <small class="subhead">{% include 'snippets/status_header.html' with status=status %}</small>
-    {% else %}
-        {% include 'snippets/status_header.html' with status=status %}
-    {% endif %}
-    </h2>
 
-    <div class="status-content">
+<div class="card{% if depth %}depth-{{ depth }} {% if main %}main{% else %}reply{% endif %}{% endif %}">
+    <header class="card-header level">
+    {% include 'snippets/status_header.html' with status=status %}
+    </header>
+
+    <div class="card-content">
+        {% if status.status_type == 'Boost' %}
+        {% include 'snippets/status_content.html' with status=status.boosted_status %}
+        {% else %}
         {% include 'snippets/status_content.html' with status=status %}
+        {% endif %}
     </div>
 
+    <footer class="card-footer">
+        {% if status.status_type == 'Boost' %}
+        {% include 'snippets/interaction.html' with activity=status.boosted_status %}
+        {% else %}
+        {% include 'snippets/interaction.html' with activity=status %}
+        {% endif %}
+    </footer>
 </div>
-{% if status.status_type == 'Boost' %}
-{% include 'snippets/interaction.html' with activity=status|boosted_status %}
-{% else %}
-{% include 'snippets/interaction.html' with activity=status %}
-{% endif %}
-
diff --git a/bookwyrm/templates/snippets/status_content.html b/bookwyrm/templates/snippets/status_content.html
index be7d8935..3f526424 100644
--- a/bookwyrm/templates/snippets/status_content.html
+++ b/bookwyrm/templates/snippets/status_content.html
@@ -3,32 +3,26 @@
 <div class="media">
     {% if not hide_book and status.mention_books.count %}
     <div class="media-left">
-    {% for book in status.mention_books.all|slice:"0:4" %}
+        {% for book in status.mention_books.all|slice:"0:4" %}
         <div>
-            <div class="cover-container">
-                {% include 'snippets/book_cover.html' with book=book %}
-                {% if status.mention_books.count > 1 %}
-                <p>{% include 'snippets/book_titleby.html' with book=book %}</p>
-                {% endif %}
-                {% include 'snippets/rate_action.html' with book=book user=request.user %}
-                {% include 'snippets/shelve_button.html' with book=book %}
-            </div>
-            {% if status.mention_books.count == 1 %}
-            <div>
-                <p>{% include 'snippets/book_titleby.html' with book=book %}</p>
-                {% include 'snippets/book_description.html' with book=book %}
-            </div>
+            {% include 'snippets/book_cover.html' with book=book %}
+            {% if status.mention_books.count > 1 %}
+            <p>{% include 'snippets/book_titleby.html' with book=book %}</p>
             {% endif %}
+            {% include 'snippets/rate_action.html' with book=book user=request.user %}
+            {% include 'snippets/shelve_button.html' with book=book %}
         </div>
-    {% endfor %}
+        {% endfor %}
     </div>
     {% endif %}
 
     {% if not hide_book and status.book %}
     <div class="media-left">
+        <div>
         {% include 'snippets/book_cover.html' with book=status.book %}
         {% include 'snippets/rate_action.html' with book=status.book user=request.user %}
         {% include 'snippets/shelve_button.html' with book=status.book %}
+        </div>
     </div>
     {% endif %}
 
@@ -48,10 +42,14 @@
         </div>
         {% endif %}
 
-        {% if status.content and  status.status_type != 'Update' and status.status_type != 'Boost' %}
+        {% if status.content and  status.status_type != 'GeneratedNote' and status.status_type != 'Boost' %}
             <blockquote>{{ status.content | safe }}</blockquote>
         {% endif %}
 
+        {% if status.mention_books.count == 1 and not status.book %}
+            {% include 'snippets/book_description.html' with book=status.mention_books.first %}
+        {% endif %}
+
         {% if not status.content and status.book and not hide_book and status.status_type != 'Boost' %}
             {% include 'snippets/book_description.html' with book=status.book %}
         {% endif %}
diff --git a/bookwyrm/templates/snippets/status_header.html b/bookwyrm/templates/snippets/status_header.html
index 5043be43..c38eff7d 100644
--- a/bookwyrm/templates/snippets/status_header.html
+++ b/bookwyrm/templates/snippets/status_header.html
@@ -1,12 +1,14 @@
 {% load humanize %}
 {% load fr_display %}
-<div class="level-left">
-    <div>
+<div class="level-left card-header-title">
+    <p>
         {% include 'snippets/avatar.html' with user=status.user %}
 
         {% include 'snippets/username.html' with user=status.user %}
-        {% if status.status_type == 'Update' %}
-            {{ status.content | safe }}
+        {% if status.status_type == 'GeneratedNote' %}
+            {{ status.content | safe }} {% include 'snippets/book_titleby.html' with book=status.mention_books.first %}
+        {% elif status.status_type == 'Boost' %}
+            boosted {% include 'snippets/avatar.html' with user=status.boosted_status.user %}{% include 'snippets/username.html' with user=status.boosted_status.user possessive=True %} status
         {% elif status.status_type == 'Review' and not status.name and not status.content%}
             rated <a href="/book/{{ status.book.id }}">{{ status.book.title }}</a>
         {% elif status.status_type == 'Review' %}
@@ -15,17 +17,15 @@
             commented on <a href="/book/{{ status.book.id }}">{{ status.book.title }}</a>
         {% elif status.status_type == 'Quotation' %}
             quoted <a href="/book/{{ status.book.id }}">{{ status.book.title }}</a>
-        {% elif status.status_type == 'Boost' %}
-            boosted
         {% elif status.reply_parent %}
             {% with parent_status=status|parent %}
-            replied to {% include 'snippets/username.html' with user=parent_status.user possessive=True %} <a href="{{parent_status.remote_id }}">{{ parent_status.status_type | lower }}</a>
+            replied to {% include 'snippets/username.html' with user=parent_status.user possessive=True %} <a href="{{parent_status.remote_id }}">{% if parent_status.status_type == 'GeneratedNote' %}update{% else %}{{ parent_status.status_type | lower }}{% endif %}</a>
             {% endwith %}
         {% endif %}
-    </div>
+    </p>
 </div>
-<div class="level-right">
-    <div>
+<div class="level-right card-header-title">
+    <p>
         <a href="{{ status.remote_id }}">{{ status.published_date | naturaltime }}</a>
-    </div>
+    </p>
 </div>