diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss
index 0264fc62a..15cd1b251 100644
--- a/ui/admin/app/styles/app.scss
+++ b/ui/admin/app/styles/app.scss
@@ -217,3 +217,20 @@
 .nowrap {
   white-space: nowrap;
 }
+
+// Spinning animation for refresh button icon
+.is-loading .rose-icon {
+  @keyframes hds-flight-icon-animation-rotation {
+    to {transform: rotate(360deg);}
+  }
+
+  > svg {
+    animation: hds-flight-icon-animation-rotation 9s linear infinite;
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    > svg {
+      animation-duration: 0.7s;
+    }
+  }
+}
diff --git a/ui/desktop/app/styles/app.scss b/ui/desktop/app/styles/app.scss
index 843daa102..06eb9df3b 100644
--- a/ui/desktop/app/styles/app.scss
+++ b/ui/desktop/app/styles/app.scss
@@ -483,3 +483,20 @@ $chevron-down: url("data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231
     color: var(--ui-gray);
   }
 }
+
+// Spinning animation for refresh button icon
+.is-loading .rose-icon {
+  @keyframes hds-flight-icon-animation-rotation {
+    to {transform: rotate(360deg);}
+  }
+
+  > svg {
+    animation: hds-flight-icon-animation-rotation 9s linear infinite;
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    > svg {
+      animation-duration: 0.7s;
+    }
+  }
+}