diff --git a/web/style.css b/web/style.css
index 046c152..4dee8be 100644
--- a/web/style.css
+++ b/web/style.css
@@ -974,8 +974,21 @@ button.compact.danger {
 }
 
 .snap-row button .review-mark.spinner {
+  --frames: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='5'%3E%3Cg%3E%3Ccircle cx='4' cy='1' r='1'/%3E%3Ccircle cx='4' cy='4' r='1'/%3E%3Ccircle cx='1' cy='4' r='1'/%3E%3Ccircle cx='6' cy='1' r='1'/%3E%3Ccircle cx='9' cy='4' r='1'/%3E%3Ccircle cx='6' cy='4' r='1'/%3E%3Ccircle cx='11' cy='1' r='1'/%3E%3Ccircle cx='14' cy='1' r='1'/%3E%3Ccircle cx='11' cy='4' r='1'/%3E%3Ccircle cx='16' cy='1' r='1'/%3E%3Ccircle cx='19' cy='1' r='1'/%3E%3Ccircle cx='19' cy='4' r='1'/%3E%3C/g%3E%3C/svg%3E");
+  top: -4px;
+  height: 5px;
   margin: 0;
   background: var(--muted);
+  -webkit-mask: var(--frames) 0 0 / 20px 5px no-repeat;
+  mask: var(--frames) 0 0 / 20px 5px no-repeat;
+  animation: square 0.6s steps(4) infinite;
+}
+
+@keyframes square {
+  to {
+    -webkit-mask-position: -20px 0;
+    mask-position: -20px 0;
+  }
 }
 
 .snap-row button .review-mark.clean,