diff --git a/packages/cxl-ui/scss/cxl-section.scss b/packages/cxl-ui/scss/cxl-section.scss
index df3746a20..98ff56ce8 100644
--- a/packages/cxl-ui/scss/cxl-section.scss
+++ b/packages/cxl-ui/scss/cxl-section.scss
@@ -94,14 +94,7 @@
  * @see https://cxlworld.slack.com/archives/C01JABH8AHX/p1714384594016109?thread_ts=1713699357.038669&cid=C01JABH8AHX
  */
 @media #{mq.$medium} {
-  :host(#view-hero):not(.view-hero-modern) {
-    @include mixins.wide-background();
-    @include mixins.extend-background-right();
-    @include mixins.wide-background-hero();
-    @include mixins.wide-background-hero-image();
-  }
-
-  :host([theme~="cxl-hero"]):not(.view-hero-modern) {
+  :host(#view-hero):not(.view-hero-modern), :host([theme~="cxl-hero"]):not(.view-hero-modern) {
     @include mixins.wide-background();
     @include mixins.extend-background-right();
     @include mixins.wide-background-hero();