diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index f50d4f17c..6b89350e1 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -87,9 +87,6 @@ ul {
     height: 30px;
 }
 
-.brandpanel {
-    background-color: #C2AEEC;
-}
 
 .text-3xl {
     font-size: 2.50rem
diff --git a/src/components/marketing/sections/cta-sections/BrandPanel.vue b/src/components/marketing/sections/cta-sections/BrandPanel.vue
index 0a389790a..85099ba4c 100644
--- a/src/components/marketing/sections/cta-sections/BrandPanel.vue
+++ b/src/components/marketing/sections/cta-sections/BrandPanel.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="bg-white">
+  <div class="">
     <div class="max-w-screen-xl mx-auto py-16">
       <div
-        class="brandpanel rounded-lg shadow-xl overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4"
+        class="brandpanel bg-gray-900 rounded-lg shadow-xl overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4"
       >
         <div
           class="pt-10 pb-12 px-6 sm:pt-16 sm:px-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-15"