diff --git a/app/assets/stylesheets/components/vendor/breadcrumbs.scss b/app/assets/stylesheets/components/vendor/breadcrumbs.scss
index 8f1cb149a..64f200a86 100644
--- a/app/assets/stylesheets/components/vendor/breadcrumbs.scss
+++ b/app/assets/stylesheets/components/vendor/breadcrumbs.scss
@@ -29,7 +29,7 @@
  */
 
 .breadcrumbs {
-  @extend %site-width-container;
+  @include govuk-width-container;
   @include core-16($line-height: (25 / 16), $line-height-640: 1.75);
 
   padding: $gutter-one-third 0;
diff --git a/app/assets/stylesheets/views/product-page.scss b/app/assets/stylesheets/views/product-page.scss
index 927379ff2..0be9acc9a 100644
--- a/app/assets/stylesheets/views/product-page.scss
+++ b/app/assets/stylesheets/views/product-page.scss
@@ -18,7 +18,7 @@ $button-shadow-size: $govuk-border-width-form-element;
 
     &-wrapper {
 
-      @extend %site-width-container;
+      @include govuk-width-container;
 
       @include media(desktop) {
         background-image: file-url('product/proposition-illustration.png');
@@ -57,7 +57,7 @@ $button-shadow-size: $govuk-border-width-form-element;
 
   &-section {
 
-    @extend %site-width-container;
+    @include govuk-width-container;
     margin-bottom: $gutter-half;
 
     h2 {