diff --git a/res/css/views/elements/_InlineSpinner.scss b/res/css/views/elements/_InlineSpinner.scss
index c850191b93..ca5cb5d3a8 100644
--- a/res/css/views/elements/_InlineSpinner.scss
+++ b/res/css/views/elements/_InlineSpinner.scss
@@ -23,19 +23,6 @@ limitations under the License.
     vertical-align: -3px;
 }
 
-@keyframes spin {
-    from {
-        transform: rotateZ(0deg);
-    }
-    to {
-        transform: rotateZ(360deg);
-    }
-}
-
 .mx_InlineSpinner_icon {
     display: inline-block;
-    background-color: $primary-fg-color;
-    mask: url('$(res)/img/spinner.svg');
-    mask-size: contain;
-    animation: 1.1s steps(12, end) infinite spin;
 }
diff --git a/src/components/views/elements/InlineSpinner.js b/src/components/views/elements/InlineSpinner.js
index feb0adb7a1..757e809564 100644
--- a/src/components/views/elements/InlineSpinner.js
+++ b/src/components/views/elements/InlineSpinner.js
@@ -40,7 +40,7 @@ export default class InlineSpinner extends React.Component {
         } else {
             icon = (
                 <div
-                    className="mx_InlineSpinner_icon"
+                    className="mx_InlineSpinner_icon mx_Spinner_icon"
                     style={{width: w, height: h}}
                     aria-label={_t("Loading...")}
                 ></div>