diff --git a/content/en/videos/getting-started/basics/pinning-models-to-dock.md b/content/en/videos/getting-started/basics/pinning-models-to-dock.md
index 35b9d818082..3ca8a5e6a93 100644
--- a/content/en/videos/getting-started/basics/pinning-models-to-dock.md
+++ b/content/en/videos/getting-started/basics/pinning-models-to-dock.md
@@ -8,6 +8,9 @@ categories: [Designer]
 formats: [video]
 tags: [Dock, Pin, Models, designer]
 duration: "0:57"
+relatedDocs:
+  - /kanvas/designer/understanding-tool-modes/
+  - /kanvas/designer/pin-model-to-dock/
 ---
 
 {{< youtube id=8lQ6ed_1Tss class="yt-embed-container" >}}
@@ -23,5 +26,3 @@ When a model is pinned you can still browse all components or search for a speci
 
 When you no longer want a model pinned to the dock, you can remove the pin by revisiting the model in its original location and choosing to “remove from dock”.
 
-Related Docs:
-1. https://docs.layer5.io/kanvas/designer/understanding-tool-modes/
diff --git a/layouts/partials/related-docs.html b/layouts/partials/related-docs.html
new file mode 100644
index 00000000000..c12119e7ca9
--- /dev/null
+++ b/layouts/partials/related-docs.html
@@ -0,0 +1,13 @@
+{{ with .Params.relatedDocs }}
+<section class="related-docs">
+  <h2>Related Docs</h2>
+  <ul>
+    {{ range . }}
+    {{ $relatedPage := $.Site.GetPage . }}
+    {{ if $relatedPage }}
+    <li><a href="{{ $relatedPage.RelPermalink }}">{{ $relatedPage.Title }}</a></li>
+    {{ end }}
+    {{ end }}
+  </ul>
+</section>
+{{ end }}
diff --git a/layouts/video/single.html b/layouts/video/single.html
index b8ae29bbd35..e0fdf544eef 100644
--- a/layouts/video/single.html
+++ b/layouts/video/single.html
@@ -1,6 +1,7 @@
 {{ define "main" }}
 {{ partial "feature-info.html" . }}
 {{ .Render "content" }}
+{{ partial "related-docs.html" . }}
 <div style="margin-top:2rem;">
 {{ partial "recent-discussions.html" . }}
 </div>