diff --git a/packages/web-pkg/src/components/LoadingIndicator.vue b/packages/web-pkg/src/components/LoadingIndicator.vue
index fa5e6cca792..aeec4d68d4a 100644
--- a/packages/web-pkg/src/components/LoadingIndicator.vue
+++ b/packages/web-pkg/src/components/LoadingIndicator.vue
@@ -61,7 +61,7 @@ export default defineComponent({
     height: 2px;
 
     &-primary div {
-      background-color: var(--oc-color-swatch-inverse-default);
+      background-color: var(--oc-color-swatch-primary-contrast);
     }
 
     &-indeterminate-first {