diff --git a/bookwyrm/static/css/format.css b/bookwyrm/static/css/format.css
index 9c116c7d0..f14b06f28 100644
--- a/bookwyrm/static/css/format.css
+++ b/bookwyrm/static/css/format.css
@@ -57,20 +57,6 @@ input.toggle-control:checked ~ .modal.toggle-content {
     content: '\e9d7';
 }
 
-/* progress update */
-.progress-update {
-    padding: 0 0.5rem;
-}
-.progress-update.is-small,
-.progress-update input.is-small {
-    font-size: 0.75rem;
-}
-
-.progress-update input {
-    width: 3em;
-}
-
-
 /* --- BOOK COVERS --- */
 .cover-container {
     height: 250px;
diff --git a/bookwyrm/templates/snippets/progress_update.html b/bookwyrm/templates/snippets/progress_update.html
index df9018a83..a6def952e 100644
--- a/bookwyrm/templates/snippets/progress_update.html
+++ b/bookwyrm/templates/snippets/progress_update.html
@@ -1,5 +1,7 @@
-<div class="progress-update is-small">
-    on page
-    <input class="is-small" type="text" size="3">
-    of
+<div class="field is-grouped is-small px-2">
+    <div class="control">on page</div>
+    <div class="control">
+        <input class="input is-small" type="text" size="3">
+    </div>
+    <div class="control">of 100</div>
 </div>