diff --git a/modules/localgov_paragraphs_layout/layouts/fourcol/fourcol_25_25_25_25/fourcol-25-25-25-25.css b/modules/localgov_paragraphs_layout/layouts/fourcol/fourcol_25_25_25_25/fourcol-25-25-25-25.css
index 6ca799a..e2abad5 100644
--- a/modules/localgov_paragraphs_layout/layouts/fourcol/fourcol_25_25_25_25/fourcol-25-25-25-25.css
+++ b/modules/localgov_paragraphs_layout/layouts/fourcol/fourcol_25_25_25_25/fourcol-25-25-25-25.css
@@ -1,9 +1,9 @@
 /*
  * @file
- * Provides the layout styles for layout_threecol_33_34_33.
+ * Provides the layout styles for localgov_layout_fourcol_33_34_33.
  */
 
-.layout--fourcol-25-25-25-25 {
+.layout--localgov-fourcol-25-25-25-25 {
   --lgd-page-section-gap: 0;
 
   display: grid;
@@ -11,13 +11,13 @@
   gap: var(--lgd-page-section-gap);
 }
 
-.layout--fourcol-25-25-25-25 > .layout__region {
+.layout--localgov-fourcol-25-25-25-25 > .layout__region {
   /* To equalise the heights in each row */
   display: grid;
 }
 
 @media screen and (min-width: 40em) {
-  .layout--fourcol-25-25-25-25 {
+  .layout--localgov-fourcol-25-25-25-25 {
     /*
       If you need to add some gap between items here, you can set the
       --lgd-page-section-gap variable to whatever gap size you need.
@@ -30,7 +30,7 @@
 }
 
 @media screen and (min-width: 60em) {
-  .layout--fourcol-25-25-25-25 {
+  .layout--localgov-fourcol-25-25-25-25 {
     grid-template-columns: repeat(4, 1fr);
   }
 }
diff --git a/modules/localgov_paragraphs_layout/layouts/fourcol/fourcol_25_25_25_25/layout--localgov-fourcol-25-25-25-25.html.twig b/modules/localgov_paragraphs_layout/layouts/fourcol/fourcol_25_25_25_25/layout--localgov-fourcol-25-25-25-25.html.twig
index 18eb7a8..2cab60a 100644
--- a/modules/localgov_paragraphs_layout/layouts/fourcol/fourcol_25_25_25_25/layout--localgov-fourcol-25-25-25-25.html.twig
+++ b/modules/localgov_paragraphs_layout/layouts/fourcol/fourcol_25_25_25_25/layout--localgov-fourcol-25-25-25-25.html.twig
@@ -1,10 +1,9 @@
 {#
 /**
  * @file
- * Default theme implementation for a three column layout.
+ * Default theme implementation for a four column layout.
  *
- * This template provides a three column 33%-34%-33% display layout, with
- * additional areas for the top and the bottom.
+ * This template provides a four column 25%-25%-25%-25% display layout.
  *
  * Available variables:
  * - content: The content for this layout.
@@ -16,7 +15,7 @@
 {%
   set classes = [
     'layout',
-    'layout--fourcol-25-25-25-25',
+    'layout--localgov-fourcol-25-25-25-25',
   ]
 %}
 {% if content %}
diff --git a/modules/localgov_paragraphs_layout/layouts/onecol/layout--localgov-onecol.html.twig b/modules/localgov_paragraphs_layout/layouts/onecol/layout--localgov-onecol.html.twig
index 3a7f993..ac0c169 100644
--- a/modules/localgov_paragraphs_layout/layouts/onecol/layout--localgov-onecol.html.twig
+++ b/modules/localgov_paragraphs_layout/layouts/onecol/layout--localgov-onecol.html.twig
@@ -13,7 +13,7 @@
 {%
   set classes = [
     'layout',
-    'layout--onecol',
+    'layout--localgov-onecol',
   ]
 %}
 {% if content %}
diff --git a/modules/localgov_paragraphs_layout/layouts/onecol/onecol.css b/modules/localgov_paragraphs_layout/layouts/onecol/onecol.css
index e2283c5..fa6d91f 100644
--- a/modules/localgov_paragraphs_layout/layouts/onecol/onecol.css
+++ b/modules/localgov_paragraphs_layout/layouts/onecol/onecol.css
@@ -1,7 +1,7 @@
 /*
  * @file
- * Provides the layout styles for layout_onecol.
+ * Provides the layout styles for localgov_layout_onecol.
  */
-.layout--onecol .layout__region {
+.layout--localgov-onecol .layout__region {
   width: 100%;
 }
diff --git a/modules/localgov_paragraphs_layout/layouts/threecol_33_34_33/layout--localgov-threecol-33-34-33.html.twig b/modules/localgov_paragraphs_layout/layouts/threecol_33_34_33/layout--localgov-threecol-33-34-33.html.twig
index c01935e..4d018fe 100644
--- a/modules/localgov_paragraphs_layout/layouts/threecol_33_34_33/layout--localgov-threecol-33-34-33.html.twig
+++ b/modules/localgov_paragraphs_layout/layouts/threecol_33_34_33/layout--localgov-threecol-33-34-33.html.twig
@@ -3,8 +3,7 @@
  * @file
  * Default theme implementation for a three column layout.
  *
- * This template provides a three column 33%-34%-33% display layout, with
- * additional areas for the top and the bottom.
+ * This template provides a three column 33%-34%-33% display layout.
  *
  * Available variables:
  * - content: The content for this layout.
@@ -16,7 +15,7 @@
 {%
   set classes = [
     'layout',
-    'layout--threecol-33-34-33',
+    'layout--localgov-threecol-33-34-33',
   ]
 %}
 {% if content %}
diff --git a/modules/localgov_paragraphs_layout/layouts/threecol_33_34_33/threecol_33_34_33.css b/modules/localgov_paragraphs_layout/layouts/threecol_33_34_33/threecol_33_34_33.css
index f1db317..043e298 100644
--- a/modules/localgov_paragraphs_layout/layouts/threecol_33_34_33/threecol_33_34_33.css
+++ b/modules/localgov_paragraphs_layout/layouts/threecol_33_34_33/threecol_33_34_33.css
@@ -1,9 +1,9 @@
 /*
  * @file
- * Provides the layout styles for layout_threecol_33_34_33.
+ * Provides the layout styles for localgov_layout_threecol_33_34_33.
  */
 
-.layout--threecol-33-34-33 {
+.layout--localgov-threecol-33-34-33 {
   --lgd-page-section-gap: 0;
 
   display: grid;
@@ -11,13 +11,13 @@
   gap: var(--lgd-page-section-gap);
 }
 
-.layout--threecol-33-34-33 > .layout__region {
+.layout--localgov-threecol-33-34-33 > .layout__region {
   /* To equalise the heights in each row */
   display: grid;
 }
 
 @media screen and (min-width: 40em) {
-  .layout--threecol-33-34-33 {
+  .layout--localgov-threecol-33-34-33 {
     /*
       If you need to add some gap between items here, you can set the
       --lgd-page-section-gap variable to whatever gap size you need.
diff --git a/modules/localgov_paragraphs_layout/layouts/twocol/layout--localgov-twocol.html.twig b/modules/localgov_paragraphs_layout/layouts/twocol/layout--localgov-twocol.html.twig
index 0ac2d7a..7c23033 100644
--- a/modules/localgov_paragraphs_layout/layouts/twocol/layout--localgov-twocol.html.twig
+++ b/modules/localgov_paragraphs_layout/layouts/twocol/layout--localgov-twocol.html.twig
@@ -13,7 +13,7 @@
 {%
   set classes = [
     'layout',
-    'layout--twocol',
+    'layout--localgov-twocol',
   ]
 %}
 {% if content %}
diff --git a/modules/localgov_paragraphs_layout/layouts/twocol/twocol.css b/modules/localgov_paragraphs_layout/layouts/twocol/twocol.css
index 342618a..4dfcce5 100644
--- a/modules/localgov_paragraphs_layout/layouts/twocol/twocol.css
+++ b/modules/localgov_paragraphs_layout/layouts/twocol/twocol.css
@@ -1,9 +1,9 @@
 /*
  * @file
- * Provides the layout styles for layout_twocol.
+ * Provides the layout styles for localgov_layout_twocol.
  */
 
-.layout--twocol {
+.layout--localgov-twocol {
   --lgd-page-section-gap: 0;
 
   display: grid;
@@ -11,13 +11,13 @@
   gap: var(--lgd-page-section-gap);
 }
 
-.layout--twocol > .layout__region {
+.layout--localgov-twocol > .layout__region {
   /* To equalise the heights in each row */
   display: grid;
 }
 
 @media screen and (min-width: 40em) {
-  .layout--twocol {
+  .layout--localgov-twocol {
     /*
       If you need to add some gap between items here, you can set the
       --lgd-page-section-gap variable to whatever gap size you need.