diff --git a/src/components/loading/loading.scss b/src/components/loading/loading.scss
index dae33aa9b8..170bcd1ee0 100644
--- a/src/components/loading/loading.scss
+++ b/src/components/loading/loading.scss
@@ -33,7 +33,7 @@
 }
 
 .mdl-spinner__layer-1 {
-    border-color: rgb(66, 165, 245);
+    border-color: #00a4dc;
 }
 
 .mdl-spinner__layer-1-active {
@@ -42,7 +42,7 @@
 }
 
 .mdl-spinner__layer-2 {
-    border-color: rgb(244, 67, 54);
+    border-color: #00a4dc;
 }
 
 .mdl-spinner__layer-2-active {
@@ -51,7 +51,7 @@
 }
 
 .mdl-spinner__layer-3 {
-    border-color: rgb(253, 216, 53);
+    border-color: #00a4dc;
 }
 
 .mdl-spinner__layer-3-active {
@@ -60,7 +60,7 @@
 }
 
 .mdl-spinner__layer-4 {
-    border-color: rgb(76, 175, 80);
+    border-color: #00a4dc;
 }
 
 .mdl-spinner__layer-4-active {