diff --git a/src/views/splash/hoc/hoc-banner.scss b/src/views/splash/hoc/hoc-banner.scss
index 3b0f2316c..04365c722 100644
--- a/src/views/splash/hoc/hoc-banner.scss
+++ b/src/views/splash/hoc/hoc-banner.scss
@@ -15,7 +15,7 @@ $tile-height: 244px;
     justify-content: center;
 
     &.mod-middle-banner {
-        background-color: $ui-purple;
+        background-color: $ui-magenta;
     }
 
     .hoc-container {
@@ -48,7 +48,7 @@ $tile-height: 244px;
         justify-content: flex-start;
 
         &.mod-middle-image {
-            border: 2px solid $ui-purple;
+            border: 2px solid $ui-magenta;
         }
 
         img {