diff --git a/libs/blocks/hero-marquee/hero-marquee.css b/libs/blocks/hero-marquee/hero-marquee.css
index d9095227b35..d4e84e061b1 100644
--- a/libs/blocks/hero-marquee/hero-marquee.css
+++ b/libs/blocks/hero-marquee/hero-marquee.css
@@ -379,12 +379,6 @@ html[dir="rtl"] .hero-marquee li.icon-item span.icon {
   /* min height */
   .hero-marquee.s-min-height-tablet { min-height: var(--s-min-height);}
   .hero-marquee.l-min-height-tablet { min-height: var(--l-min-height);}
-
-  /* helper classes */
-  .hero-marquee .order-0-tablet { order: 0; }
-  .hero-marquee .order-1-tablet { order: 1; }
-  .hero-marquee .order-2-tablet { order: 2; }
-  .hero-marquee .order-3-tablet { order: 3; }
 }
 
 @media screen and (min-width: 920px) {
@@ -474,10 +468,4 @@ html[dir="rtl"] .hero-marquee li.icon-item span.icon {
   /* min height */
   .hero-marquee.s-min-height-desktop { min-height: var(--s-min-height);}
   .hero-marquee.l-min-height-desktop { min-height: var(--l-min-height);}
-
-  /* helper classes */
-  .hero-marquee .order-0-desktop { order: 0; }
-  .hero-marquee .order-1-desktop { order: 1; }
-  .hero-marquee .order-2-desktop { order: 2; }
-  .hero-marquee .order-3-desktop { order: 3; }
 }
diff --git a/libs/blocks/hero-marquee/hero-marquee.js b/libs/blocks/hero-marquee/hero-marquee.js
index 7494a9c9c11..1cac8cf4277 100644
--- a/libs/blocks/hero-marquee/hero-marquee.js
+++ b/libs/blocks/hero-marquee/hero-marquee.js
@@ -329,6 +329,7 @@ export default async function init(el) {
   });
   decorateTextOverrides(el, ['-heading', '-body', '-detail'], mainCopy);
   handleViewportOrder(copy);
+
   if (el.classList.contains('countdown-timer')) {
     promiseArr.push(loadCDT(copy, el.classList));
   }