diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss
index a276e21166..03e9b67a63 100644
--- a/app/styles/components/columns.scss
+++ b/app/styles/components/columns.scss
@@ -480,11 +480,11 @@
 
   &.active {
     color: var(--primary-text-color);
-    background: var(--brand-color--med);
+    background: var(--accent-color--med);
 
     &:hover {
       color: var(--primary-text-color);
-      background: var(--brand-color--med);
+      background: var(--accent-color--med);
     }
   }
 }
diff --git a/app/styles/components/modal.scss b/app/styles/components/modal.scss
index 84ba5e4744..384ee9305c 100644
--- a/app/styles/components/modal.scss
+++ b/app/styles/components/modal.scss
@@ -340,7 +340,7 @@
 
 .actions-modal {
   .status {
-    background: #ffffff;
+    background: var(--background-color);
     border-bottom-color: var(--background-color);
     padding-top: 10px;
     padding-bottom: 10px;
@@ -465,7 +465,7 @@
     width: 100%;
     margin: 0;
     color: var(--primary-text-color);
-    background: #ffffff;
+    background: var(--background-color);
     padding: 10px;
     font-family: inherit;
     font-size: 14px;
diff --git a/app/styles/loading.scss b/app/styles/loading.scss
index 387bf18dd4..42a3a0c1f4 100644
--- a/app/styles/loading.scss
+++ b/app/styles/loading.scss
@@ -181,7 +181,7 @@
   font-size: 16px;
   font-weight: 500;
   color: var(--primary-text-color);
-  background: var(--brand-color--med);
+  background: var(--accent-color--faint);
   cursor: default;
   display: flex;
   flex: 1 1 auto;