diff --git a/creativecloud/blocks/interactive-marquee/interactive-marquee.js b/creativecloud/blocks/interactive-marquee/interactive-marquee.js
index 56b6f5466..41d643d71 100644
--- a/creativecloud/blocks/interactive-marquee/interactive-marquee.js
+++ b/creativecloud/blocks/interactive-marquee/interactive-marquee.js
@@ -61,7 +61,7 @@ function interactiveInit(el, decorateButtons, decorateBlockBg, createTag) {
   const firstDivInForeground = foreground.querySelector(':scope > div');
   if (firstDivInForeground?.classList.contains('media')) el.classList.add('row-reversed');
 
-  decorateButtons(text, 'button-l');
+  decorateButtons(text, 'button-xl');
   decorateText(text, createTag);
   extendButtonsClass(text);
 }
diff --git a/creativecloud/blocks/interactive-marquee/milo-marquee.css b/creativecloud/blocks/interactive-marquee/milo-marquee.css
index 89410411f..eb681ac58 100644
--- a/creativecloud/blocks/interactive-marquee/milo-marquee.css
+++ b/creativecloud/blocks/interactive-marquee/milo-marquee.css
@@ -13,27 +13,25 @@
   position: relative;
   display: flex;
   flex-direction: column;
-  width: 100%;
+  gap: var(--spacing-m);
+  padding: var(--spacing-xxl) 0;
 }
 
 .interactive-marquee .interactive-container {
-  order: 1;
-  width: 100%;
-  height: 425px; /* mobile */
+  height: 300px;
+  width: 300px;
+  margin: 0 auto;
   border: 4px;
 }
 
 .interactive-marquee .media {
   max-width: 300px;
   position: relative;
-  top: 63px; /* mobile */
-  margin: 0 auto;
 }
 
 .interactive-marquee .text {
   display: flex;
   flex-direction: column;
-  padding: var(--spacing-m);
   margin: 0 0 0 auto;
   order: 2;
 }
@@ -61,6 +59,9 @@
 .interactive-marquee .icon-text {
   margin: auto var(--spacing-xs);
   font-weight: 700;
+  font-size: 18px;
+  line-height: 22.5px;
+  font-style: normal;
 }
 
 .interactive-marquee .icon-area picture,
@@ -125,12 +126,13 @@
   }
 
   .interactive-marquee .interactive-container {
-    height: 700px;
+    height: 604px;
+    width: 569px;
   }
 
   .interactive-marquee .media {
     max-width: 569px;
-    top: 91px;
+    top: 35px;
   }
 
   .interactive-marquee .action-area {
@@ -162,12 +164,19 @@
     flex-direction: row;
     align-items: center;
     order: unset;
+    width: 100%;
   }
 
   .interactive-marquee .interactive-container {
     order: unset;
     width: 50%;
     height: 100%;
+    margin: 0;
+  }
+
+  .interactive-marquee .media {
+    top: 91px;
+    margin: 0 auto;
   }
 
   .interactive-marquee .supplemental-text {