diff --git a/front/ui-docs/components/ui/layout.md b/front/ui-docs/components/ui/layout.md
index 78d8d712f..206d93660 100644
--- a/front/ui-docs/components/ui/layout.md
+++ b/front/ui-docs/components/ui/layout.md
@@ -19,27 +19,27 @@ const noGap = ref(true)
 The following containers are responsive. Change your window's size or select a device preset from your browser's dev tools to see how layouts are affected by available space.
 
 <Layout grid="auto / repeat(auto-fit, minmax(min-content, 163px))" style="--gap:8px">
-  <Card auto title="flex" to="layout/flex" >
+  <Card auto title="flex" to="./layout/flex" >
     <Layout flex>
       <Button primary icon="bi-eye" />
       <Button secondary icon="bi-eye" />
       <Button destructive icon="bi-eye" />
     </Layout>
   </Card>
-  <Card auto title="grid" to="layout/grid" >
+  <Card auto title="grid" to="./layout/grid" >
     <Layout grid column-width="40">
       <Button primary icon="bi-eye" />
       <Button secondary icon="bi-eye" style="grid-row: span 2; height: 100%;"  />
       <Button destructive icon="bi-eye" />
     </Layout>
   </Card>
-  <Card auto title="stack" to="layout/stack" >
+  <Card auto title="stack" to="./layout/stack" >
     <Layout stack style="--gap:0; margin:-8px;">
       <Button primary icon="bi-eye" />
       <Button secondary icon="bi-eye" />
       <Button destructive icon="bi-eye" />
     </Layout></Card>
-  <Card auto title="columns" to="layout/columns" >
+  <Card auto title="columns" to="./layout/columns" >
     <Layout columns column-width="40">
       <Button primary icon="bi-eye" />
       <Button secondary icon="bi-eye" />
@@ -132,7 +132,7 @@ const isGrowing = ref(true);
 
 Multiple spacers will distribute their growth evenly.
 
-Note that you can set the minimum space occupied by the `Spacer` with its `size` prop [(docs)](layout/spacer). Negative values can offset the gap of the `Layout` (but, due to a limitation of flexbox, not eat into the space occupied by adjacent items):
+Note that you can set the minimum space occupied by the `Spacer` with its `size` prop [(docs)](./layout/spacer). Negative values can offset the gap of the `Layout` (but, due to a limitation of flexbox, not eat into the space occupied by adjacent items):
 
 <Layout flex>