diff --git a/website/docs/how-to/how-to-create-and-assign-custom-project-roles.md b/website/docs/how-to/how-to-create-and-assign-custom-project-roles.md
index 8ef2b7e65ca..1d3088e124c 100644
--- a/website/docs/how-to/how-to-create-and-assign-custom-project-roles.md
+++ b/website/docs/how-to/how-to-create-and-assign-custom-project-roles.md
@@ -1,14 +1,14 @@
---
title: How to create and assign custom project roles
---
-import VideoThing from './VideoThing.jsx'
+import VideoContent from '@site/src/components/VideoContent.jsx'
:::info availability
Custom project roles were introduced in **Unleash 4.6** and are only available in Unleash Enterprise.
:::
-
-
+
+
This guide takes you through [how to create](#creating-custom-project-roles "how to create custom project roles") and [assign](#assigning-custom-project-roles "how to assign custom project roles") [custom project roles](../user_guide/rbac.md#custom-project-roles).
diff --git a/website/docs/how-to/VideoThing.jsx b/website/src/components/VideoContent.jsx
similarity index 100%
rename from website/docs/how-to/VideoThing.jsx
rename to website/src/components/VideoContent.jsx