diff --git a/packages/cxl-ui/scss/cxl-section.scss b/packages/cxl-ui/scss/cxl-section.scss
index 57fd6c5b5..a8b9fd476 100644
--- a/packages/cxl-ui/scss/cxl-section.scss
+++ b/packages/cxl-ui/scss/cxl-section.scss
@@ -83,7 +83,6 @@
 
 :host(#view-hero),
 :host([theme~="cxl-hero"]) {
-  margin-top: var(--lumo-space-xl);
   background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
 }
 
diff --git a/packages/cxl-ui/scss/global/cxl-section.scss b/packages/cxl-ui/scss/global/cxl-section.scss
index 295ba9ef8..6c76bfcc6 100644
--- a/packages/cxl-ui/scss/global/cxl-section.scss
+++ b/packages/cxl-ui/scss/global/cxl-section.scss
@@ -2,6 +2,7 @@
 @use "~@conversionxl/cxl-lumo-styles/scss/mq";
 
 cxl-section#view-hero, cxl-section[theme~="cxl-hero"] {
+
   .column-1 {
     @media #{mq.$medium} {
       max-width: 45%;
@@ -19,10 +20,6 @@ cxl-section#view-hero, cxl-section[theme~="cxl-hero"] {
   }
 
   &.wide-background-light-blue {
-    #view-hero .cxl-hero-titles {
-      bottom: 0;
-      transform: translateY(50%);
-    }
 
     .column-2 {
       * {