diff --git a/common/app/views/fragments/commercial/commercialComponent.scala.html b/common/app/views/fragments/commercial/commercialComponent.scala.html
index 57f547c8140b..0d309425ff51 100644
--- a/common/app/views/fragments/commercial/commercialComponent.scala.html
+++ b/common/app/views/fragments/commercial/commercialComponent.scala.html
@@ -1,10 +1,12 @@
 @()(implicit request: RequestHeader)
 
-@fragments.commercial.adSlot(
-    "merchandising",
-    Seq("commercial-component"),
-    Map(),
-    showLabel=false,
-    refresh=false,
-    useFlexContainer = true
-){ }
+<div class="merchandising-wrapper">
+    @fragments.commercial.adSlot(
+        "merchandising",
+        Seq("commercial-component"),
+        Map(),
+        showLabel=false,
+        refresh=false,
+        useFlexContainer = true
+    ){ }
+</div>
diff --git a/common/app/views/fragments/commercial/commercialComponentHigh.scala.html b/common/app/views/fragments/commercial/commercialComponentHigh.scala.html
index 8f142f27c29b..441f6880f561 100644
--- a/common/app/views/fragments/commercial/commercialComponentHigh.scala.html
+++ b/common/app/views/fragments/commercial/commercialComponentHigh.scala.html
@@ -1,10 +1,12 @@
 @(isPaidContent: Boolean, hasPageSkin: Boolean = false)(implicit request: RequestHeader)
 
-@fragments.commercial.adSlot(
-    "merchandising-high",
-    Seq("commercial-component-high"),
-    Map(),
-    showLabel=false,
-    refresh=false,
-    useFlexContainer = true
-){ }
\ No newline at end of file
+<div class="merchandising-high-wrapper">
+    @fragments.commercial.adSlot(
+        "merchandising-high",
+        Seq("commercial-component-high"),
+        Map(),
+        showLabel=false,
+        refresh=false,
+        useFlexContainer = true
+    ){ }
+</div>
diff --git a/static/src/stylesheets/module/_adslot.scss b/static/src/stylesheets/module/_adslot.scss
index 59417a58795e..e0919e064af3 100644
--- a/static/src/stylesheets/module/_adslot.scss
+++ b/static/src/stylesheets/module/_adslot.scss
@@ -107,6 +107,17 @@
     margin-right: auto;
 }
 
+.merchandising-wrapper,
+.merchandising-high-wrapper {
+    position: relative;
+    margin: auto;
+    @each $breakpoint, $container-width in $breakpoints {
+        @include mq($breakpoint) {
+            max-width: $container-width;
+        }
+    }
+}
+
 .ad-slot--crossword-banner,
 .ad-slot--top-banner-ad-desktop {
     margin: 0 auto;