diff --git a/css/styles.css b/css/styles.css
index 3bfed2213959950fca490802a406bf5c44c04eed..8cfb6a44cdb11198e669e75e365a206ca041fd2c 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1700,13 +1700,23 @@ svg:not(:root) {
     max-width: 100%;
     width: 100%; }
 
-.layout--fivecol-section .layout__region--first,
-.layout--fivecol-section .layout__region--second,
-.layout--fivecol-section .layout__region--third,
-.layout--fivecol-section .layout__region--fourth,
+.layout--fivecol-section .layout-builder__region {
+  display: inline-block; }
+
+.layout--fivecol-section .layout__region--first {
+  width: 23%; }
+
+.layout--fivecol-section .layout__region--second {
+  width: 18%; }
+
+.layout--fivecol-section .layout__region--third {
+  width: 18%; }
+
+.layout--fivecol-section .layout__region--fourth {
+  width: 18%; }
+
 .layout--fivecol-section .layout__region--fifth {
-  display: inline-block;
-  width: 19%; }
+  width: 20%; }
 
 .layout.uw-contained-width {
   margin-left: auto;
diff --git a/source/_patterns/03-layouts/layout/layout--fivecol/_layout--fivecol.scss b/source/_patterns/03-layouts/layout/layout--fivecol/_layout--fivecol.scss
index 89706722930ba9370e83d29606523d4355599b4b..216bc07fe65a0c245a69526f14c57d233ba2a166 100644
--- a/source/_patterns/03-layouts/layout/layout--fivecol/_layout--fivecol.scss
+++ b/source/_patterns/03-layouts/layout/layout--fivecol/_layout--fivecol.scss
@@ -1,10 +1,25 @@
 .layout--fivecol-section {
-  .layout__region--first,
-  .layout__region--second,
-  .layout__region--third,
-  .layout__region--fourth,
-  .layout__region--fifth {
+  .layout-builder__region {
     display: inline-block;
-    width: 19%;
+  }
+
+  .layout__region--first {
+    width: 23%;
+  }
+
+  .layout__region--second {
+    width: 18%
+  }
+
+  .layout__region--third {
+    width: 18%;
+  }
+
+  .layout__region--fourth {
+    width: 18%;
+  }
+
+  .layout__region--fifth {
+    width: 20%;
   }
 }
\ No newline at end of file