diff --git a/docs/components/utilities.md b/docs/components/utilities.md
index 1a8ceb361ca3c19980670c84ced7288c23ce6ebf..e3542b3e7d33dc88e3a2c64fc6557cb6c46f3540 100644
--- a/docs/components/utilities.md
+++ b/docs/components/utilities.md
@@ -62,6 +62,8 @@ Here are some representative examples of these classes:
 
 Additionally, Bootstrap also includes an `.m-x-auto` class which sets the horizontal margins to `auto`.
 
+You can add more sizes by extending the `$spacers` array in your bootstrap variables file.
+
 
 ## Text alignment
 
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 41bc7dbb4e00e241b3c08d372a0f8d098a7eff47..3b62dd12ac2c1c5658f1278185bd8e32af059dc1 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -56,6 +56,7 @@ $enable-grid-classes:       true !default;
 //
 // Control the default styling of most Bootstrap elements by modifying these
 // variables. Mostly focused on spacing.
+// You can extend the array, should you need more variation.
 
 $spacer:                     1rem !default;
 $spacer-x:                   $spacer !default;