diff --git a/src/pg/core/_core-colour-samples.scss b/src/pg/core/_core-colour-samples.scss
index 9fb3944..8d4ce4f 100644
--- a/src/pg/core/_core-colour-samples.scss
+++ b/src/pg/core/_core-colour-samples.scss
@@ -1,4 +1,4 @@
-@use "../pg/patterns/core/breakpoints/breakpoints";
+@use "../pg/patterns/core/breakpoint/breakpoint";
 
 @mixin core-colour-samples {	
 
@@ -38,14 +38,14 @@
 		gap: 1rem;
 		margin-bottom: 1rem;
 
-		@include breakpoints.break(-lg) {
+		@include breakpoint.break(-lg) {
 			display: grid;
 			grid-template-columns: repeat(2, 1fr);
 			max-width: 100%;
 			width: 100%;
 		}
 
-		@include breakpoints.break(-sm) {
+		@include breakpoint.break(-sm) {
 			grid-template-columns: auto;
 			width: 100%;
 			max-width: 100%;
@@ -69,7 +69,7 @@
 			width: 20rem;
 			max-width: 318px;
 
-			@include breakpoints.break(-lg) {
+			@include breakpoint.break(-lg) {
 				width: 100%;
 				max-width: 100%;
 			}
diff --git a/src/pg/patterns/core/breakpoints/_breakpoints.scss b/src/pg/patterns/core/breakpoint/_breakpoint.scss
similarity index 98%
rename from src/pg/patterns/core/breakpoints/_breakpoints.scss
rename to src/pg/patterns/core/breakpoint/_breakpoint.scss
index 2a9a567..afb38e4 100644
--- a/src/pg/patterns/core/breakpoints/_breakpoints.scss
+++ b/src/pg/patterns/core/breakpoint/_breakpoint.scss
@@ -4,7 +4,7 @@
 // default breakpoints match bootstrap 5 breakpoints.
 $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px ) !default;
 
-@mixin breakpoint-debug {
+@mixin debug {
 	body::before, body::after {
 		background-color: #555;	
 		color: white;	
diff --git a/src/pg/patterns/core/breakpoints/index.pug b/src/pg/patterns/core/breakpoint/index.pug
similarity index 100%
rename from src/pg/patterns/core/breakpoints/index.pug
rename to src/pg/patterns/core/breakpoint/index.pug
diff --git a/src/scss/_core.scss b/src/scss/_core.scss
index d385221..7d6ad72 100644
--- a/src/scss/_core.scss
+++ b/src/scss/_core.scss
@@ -10,7 +10,7 @@
 */
 
 
-@use "../pg/patterns/core/breakpoints/breakpoints";
+@use "../pg/patterns/core/breakpoint/breakpoint";
 
 @mixin core-colour-samples {	
 
@@ -50,14 +50,14 @@
 		gap: 1rem;
 		margin-bottom: 1rem;
 
-		@include breakpoints.break(-lg) {
+		@include breakpoint.break(-lg) {
 			display: grid;
 			grid-template-columns: repeat(2, 1fr);
 			max-width: 100%;
 			width: 100%;
 		}
 
-		@include breakpoints.break(-sm) {
+		@include breakpoint.break(-sm) {
 			grid-template-columns: auto;
 			width: 100%;
 			max-width: 100%;
@@ -81,7 +81,7 @@
 			width: 20rem;
 			max-width: 318px;
 
-			@include breakpoints.break(-lg) {
+			@include breakpoint.break(-lg) {
 				width: 100%;
 				max-width: 100%;
 			}
diff --git a/src/scss/scaffolding.scss b/src/scss/scaffolding.scss
index 657ccc7..1d00715 100644
--- a/src/scss/scaffolding.scss
+++ b/src/scss/scaffolding.scss
@@ -23,7 +23,7 @@ $tooltip-dark-allow: false;
 @use "../pg/patterns/core/sticky-note/_sticky-note";
 @use "../pg/patterns/core/switch/_switch";
 @use "../pg/patterns/core/tooltip/_tooltip";
-@use "../pg/patterns/core/breakpoints/_breakpoints";
+@use "../pg/patterns/core/breakpoint/_breakpoint";
 @use "../pg/patterns/core/header/_header";
 @use "../pg/patterns/core/tabs/_tabs"; 
 @use "../pg/patterns/core/status/_status";
@@ -43,11 +43,11 @@ $tooltip-dark-allow: false;
 html {
 	font-family: $font-body;
 	font-size: $font-size;
-	@include breakpoints.break(-md) {
+	@include breakpoint.break(-md) {
 		font-size: calc($font-size + 2pt);
 	}
 	&.show-breakpoints {
-		@include breakpoints.breakpoint-debug;
+		@include breakpoint.debug;
 	}
 }
 
@@ -91,7 +91,7 @@ body {
 				color: var(--colour-white);
 				text-decoration: none;
 			}
-			@include breakpoints.break(md-) {
+			@include breakpoint.break(md-) {
 				display: initial;
 			}
 		}
@@ -116,7 +116,7 @@ body {
 			grid-column: 1 / -1;
 			grid-row: 4;
 
-			@include breakpoints.break(-md) {
+			@include breakpoint.break(-md) {
 				grid-row: 3;
 				padding: 0;
 			}
@@ -124,7 +124,7 @@ body {
 			@supports(grid-area: auto) {
 				display: grid;
 				grid-template-columns: 1rem repeat(2, auto) 1rem;
-				@include breakpoints.break(md-) {
+				@include breakpoint.break(md-) {
 					grid-template-columns: auto repeat(2, 22rem) auto;
 				}
 			}