diff --git a/site/docs/4.4/layout/grid.md b/site/docs/4.4/layout/grid.md
index 5258cd505ca5..d6c4679fe580 100644
--- a/site/docs/4.4/layout/grid.md
+++ b/site/docs/4.4/layout/grid.md
@@ -826,8 +826,10 @@ You can modify the variables to your own custom values, or just use the mixins w
 
 {% highlight scss %}
 .example-container {
-  width: 800px;
   @include make-container();
+  // Make sure to define this width after the mixin to override
+  // `width: 100%` generated by `make-container()`
+  width: 800px;
 }
 
 .example-row {