diff --git a/public/css/mobile.css b/public/css/mobile.css
index 41ab2e9..a92c8e7 100644
--- a/public/css/mobile.css
+++ b/public/css/mobile.css
@@ -363,6 +363,17 @@
         color: var(--accent);
     }
 
+    /* Spin only the icon glyph, not the 44px button box — otherwise the button's
+       lingering touch-hover frame (background + border) rotates too, which looks odd. */
+    .m-card.is-open .m-card__head .m-refresh-icon.spinning {
+        animation: none;
+    }
+
+    .m-card.is-open .m-card__head .m-refresh-icon.spinning i {
+        display: inline-block;
+        animation: spin 0.8s linear infinite;
+    }
+
     .m-card__body {
         display: grid;
         grid-template-columns: minmax(0, 1fr) auto;