diff --git a/css/styles.css b/css/styles.css
index 0fe8652f0064692337302ff962093e7e336769f7..105e8d0a9e3977ff66278584db36b2aa37340f46 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1894,9 +1894,11 @@ svg:not(:root) {
       .layout.uw-contained-width {
         padding: 1rem 0; } }
     .layout.uw-contained-width--narrow {
-      max-width: 496px; }
+      /* Match the width of WCMS2's narrow: 496px */
+      max-width: 31rem; }
     .layout.uw-contained-width--wide {
-      max-width: 753px; }
+      /* Match the width of WCMS2's wide: 753px */
+      max-width: 47.0625rem; }
   .layout.uw-full-width {
     max-width: 100%;
     padding: 0;
diff --git a/source/_patterns/03-layouts/layout/_layout.scss b/source/_patterns/03-layouts/layout/_layout.scss
index 42f75f6c11bf79c686bb6c36f2dee5034d018dc7..0c8529cd710d85a28d7f76d9c6e2cd6973c4e353 100644
--- a/source/_patterns/03-layouts/layout/_layout.scss
+++ b/source/_patterns/03-layouts/layout/_layout.scss
@@ -8,10 +8,12 @@
       padding:rem(gesso-spacing(sm)) 0;
     }
     &--narrow {
-      max-width: 496px;
+      /* Match the width of WCMS2's narrow: 496px */
+      max-width: 31rem;
     }
     &--wide {
-      max-width: 753px;
+      /* Match the width of WCMS2's wide: 753px */
+      max-width: 47.0625rem;
     }
   }