diff --git a/site/content/docs/0.0/migration-from-boosted.md b/site/content/docs/0.0/migration-from-boosted.md
index 305c521027..58b7a5a9e7 100644
--- a/site/content/docs/0.0/migration-from-boosted.md
+++ b/site/content/docs/0.0/migration-from-boosted.md
@@ -283,12 +283,12 @@ Technically, it means that you can get rid of the following things:
       <li><code>$ouds-grid-sm-column-gap</code></li>
       <li><code>$ouds-grid-sm-margin</code></li>
       <li><code>$ouds-grid-sm-min-width</code></li>
-      <li><code>$ouds-grid-xs-column-gap</code></li>
-      <li><code>$ouds-grid-xs-margin</code></li>
-      <li><code>$ouds-grid-xs-min-width</code></li>
       <li><code>$ouds-grid-xl-column-gap</code></li>
       <li><code>$ouds-grid-xl-margin</code></li>
       <li><code>$ouds-grid-xl-min-width</code></li>
+      <li><code>$ouds-grid-xs-column-gap</code></li>
+      <li><code>$ouds-grid-xs-margin</code></li>
+      <li><code>$ouds-grid-xs-min-width</code></li>
       <li><code>$ouds-opacity-0</code></li>
       <li><code>$ouds-opacity-100</code></li>
       <li><code>$ouds-opacity-300</code></li>
@@ -307,6 +307,7 @@ Technically, it means that you can get rid of the following things:
 - <details class="mb-2">
     <summary><span class="badge text-bg-success">New</span> Sass maps:</summary>
     <ul>
+      <li><code>$grid-gutter-widths</code></li>
       <li><code>$ouds-border-radiuses</code></li>
       <li><code>$ouds-border-styles</code></li>
       <li><code>$ouds-border-widths</code></li>
diff --git a/site/content/docs/0.0/migration.md b/site/content/docs/0.0/migration.md
index 70234874a3..d0ec11d6b1 100644
--- a/site/content/docs/0.0/migration.md
+++ b/site/content/docs/0.0/migration.md
@@ -51,20 +51,20 @@ toc: true
 
 - <span class="badge text-bg-success">New</span> Border style utilities: `.border-drag`.
 
-### Display
+#### Display
 
 - <span class="badge text-bg-success">New</span> Responsive display utilities: `.d-{breakpoint}-{value}` where `breakpoint` is in `|xs|sm|md|lg|xl|2xl|3xl`.
 
-### Flex
+#### Flex
 
 - <span class="badge text-bg-success">New</span> Responsive flex utilities where `breakpoint` is in `|xs|sm|md|lg|xl|2xl|3xl`:
   `.d-{breakpoint}-flex`, `.d-{breakpoint}-inline-flex`, `.flex-{breakpoint}-{row|column}`, `.flex-{breakpoint}-{row|column}-reverse`, `.justify-content-{breakpoint}-{start|end|center|between|around|evenly}`, `.align-items-{breakpoint}-{start|end|center|baseline|stretch}`, `.align-self-{breakpoint}-{start|end|center|baseline|stretch}`, `.flex-{breakpoint}-fill`, `flex-{breakpoint}-{grow|shrink}-{0|1}`, `.flex-{breakpoint}-{nowrap|wrap|wrap-reverse}`, `.order-{breakpoint}-{number}`, `.order-{breakpoint}-{first|last}` and `.align-content-{breakpoint}-{start|end|center|between|around|stretch}`.
 
-### Float
+#### Float
 
 - <span class="badge text-bg-success">New</span> Responsive float utilities: `.float-{breakpoint}-{start|end|none}` where `breakpoint` is in `|xs|sm|md|lg|xl|2xl|3xl`.
 
-### Object fit
+#### Object fit
 
 - <span class="badge text-bg-success">New</span> Responsive object fit utilities: `.object-fit-{breakpoint}-{contain|cover|fill|scale|none}` where `breakpoint` is in `|xs|sm|md|lg|xl|2xl|3xl`.
 
@@ -230,12 +230,12 @@ toc: true
       <li><code>$ouds-grid-sm-column-gap</code></li>
       <li><code>$ouds-grid-sm-margin</code></li>
       <li><code>$ouds-grid-sm-min-width</code></li>
-      <li><code>$ouds-grid-xs-column-gap</code></li>
-      <li><code>$ouds-grid-xs-margin</code></li>
-      <li><code>$ouds-grid-xs-min-width</code></li>
       <li><code>$ouds-grid-xl-column-gap</code></li>
       <li><code>$ouds-grid-xl-margin</code></li>
       <li><code>$ouds-grid-xl-min-width</code></li>
+      <li><code>$ouds-grid-xs-column-gap</code></li>
+      <li><code>$ouds-grid-xs-margin</code></li>
+      <li><code>$ouds-grid-xs-min-width</code></li>
       <li><code>$ouds-opacity-medium</code></li>
       <li><code>$ouds-opacity-opaque</code></li>
       <li><code>$ouds-opacity-strong</code></li>