diff --git a/client/src/components/LoadingSpinner/LoadingSpinner.scss b/client/src/components/LoadingSpinner/LoadingSpinner.scss
index 17b056a619..87c9ecfdee 100644
--- a/client/src/components/LoadingSpinner/LoadingSpinner.scss
+++ b/client/src/components/LoadingSpinner/LoadingSpinner.scss
@@ -1,4 +1,4 @@
-.c-spinner {
+.w-spinner {
   display: inline-block;
   width: 1em;
   height: 1em;
diff --git a/client/src/components/LoadingSpinner/LoadingSpinner.tsx b/client/src/components/LoadingSpinner/LoadingSpinner.tsx
index 1e130e92b4..fe5b4c0ca0 100644
--- a/client/src/components/LoadingSpinner/LoadingSpinner.tsx
+++ b/client/src/components/LoadingSpinner/LoadingSpinner.tsx
@@ -8,7 +8,7 @@ import Icon from '../Icon/Icon';
  */
 const LoadingSpinner = () => (
   <span>
-    <Icon name="spinner" className="c-spinner" />
+    <Icon name="spinner" className="w-spinner" />
     {` ${gettext('Loading…')}`}
   </span>
 );
diff --git a/client/src/components/LoadingSpinner/__snapshots__/LoadingSpinner.test.js.snap b/client/src/components/LoadingSpinner/__snapshots__/LoadingSpinner.test.js.snap
index fc63554d97..4b2344e026 100644
--- a/client/src/components/LoadingSpinner/__snapshots__/LoadingSpinner.test.js.snap
+++ b/client/src/components/LoadingSpinner/__snapshots__/LoadingSpinner.test.js.snap
@@ -3,7 +3,7 @@
 exports[`LoadingSpinner basic 1`] = `
 <span>
   <Icon
-    className="c-spinner"
+    className="w-spinner"
     name="spinner"
   />
    Loading…