diff --git a/site/content/docs/5.0/layout/grid.md b/site/content/docs/5.0/layout/grid.md
index b55abae04..312eeeabe 100644
--- a/site/content/docs/5.0/layout/grid.md
+++ b/site/content/docs/5.0/layout/grid.md
@@ -122,7 +122,7 @@ As noted above, each of these breakpoints have their own container, unique class
     </tr>
     <tr>
       <th class="text-nowrap" scope="row">Custom gutters</th>
-      <td colspan="6"><a href="#gutters">Yes</a></td>
+      <td colspan="6"><a href="{{< docsref "/layout/gutters" >}}">Yes</a></td>
     </tr>
     <tr>
       <th class="text-nowrap" scope="row">Nestable</th>
@@ -130,7 +130,7 @@ As noted above, each of these breakpoints have their own container, unique class
     </tr>
     <tr>
       <th class="text-nowrap" scope="row">Column ordering</th>
-      <td colspan="6"><a href="#reordering">Yes</a></td>
+      <td colspan="6"><a href="{{< docsref "/layout/columns#reordering" >}}">Yes</a></td>
     </tr>
   </tbody>
 </table>
diff --git a/site/content/docs/5.0/layout/gutters.md b/site/content/docs/5.0/layout/gutters.md
index 8640aae54..18cbefeee 100644
--- a/site/content/docs/5.0/layout/gutters.md
+++ b/site/content/docs/5.0/layout/gutters.md
@@ -94,7 +94,7 @@ An alternative solution is to add a wrapper around the `.row` with the `.overflo
 
 ## Row columns gutters
 
-Gutter classes can also be added to [row columns](#row-columns). In the following example, we use responsive row columns and responsive gutter classes.
+Gutter classes can also be added to [row columns]({{< docsref "/layout/grid#row-columns" >}}). In the following example, we use responsive row columns and responsive gutter classes.
 
 {{< example >}}
 <div class="container">