diff --git a/web/package-lock.json b/web/package-lock.json
index 92ed795b8..00c1e1180 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -49,12 +49,13 @@
 				"storybook-addon-fetch-mock": "1.0.1",
 				"style-dictionary": "3.7.1",
 				"ua-parser-js": "1.0.2",
-				"video.js": "^7.20.3",
+				"video.js": "7.20.3",
 				"xstate": "4.33.6",
 				"yaml": "2.1.3"
 			},
 			"devDependencies": {
 				"@babel/core": "7.19.3",
+				"@mdx-js/react": "^2.1.5",
 				"@storybook/addon-a11y": "6.5.12",
 				"@storybook/addon-actions": "6.5.12",
 				"@storybook/addon-docs": "6.5.12",
@@ -3169,6 +3170,23 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/@mdx-js/react": {
+			"version": "2.1.5",
+			"resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-2.1.5.tgz",
+			"integrity": "sha512-3Az1I6SAWA9R38rYjz5rXBrGKeZhq96CSSyQtqY+maPj8stBsoUH5pNcmIixuGkufYsh8F5+ka2CVPo2fycWZw==",
+			"dev": true,
+			"dependencies": {
+				"@types/mdx": "^2.0.0",
+				"@types/react": ">=16"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			},
+			"peerDependencies": {
+				"react": ">=16"
+			}
+		},
 		"node_modules/@mdx-js/util": {
 			"version": "1.6.22",
 			"resolved": "https://registry.npmjs.org/@mdx-js/util/-/util-1.6.22.tgz",
@@ -10879,6 +10897,12 @@
 			"integrity": "sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==",
 			"dev": true
 		},
+		"node_modules/@types/mdx": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.2.tgz",
+			"integrity": "sha512-mJGfgj4aWpiKb8C0nnJJchs1sHBHn0HugkVfqqyQi7Wn6mBRksLeQsPOFvih/Pu8L1vlDzfe/LidhVHBeUk3aQ==",
+			"dev": true
+		},
 		"node_modules/@types/mime-types": {
 			"version": "2.1.1",
 			"resolved": "https://registry.npmjs.org/@types/mime-types/-/mime-types-2.1.1.tgz",
@@ -32921,6 +32945,16 @@
 				}
 			}
 		},
+		"@mdx-js/react": {
+			"version": "2.1.5",
+			"resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-2.1.5.tgz",
+			"integrity": "sha512-3Az1I6SAWA9R38rYjz5rXBrGKeZhq96CSSyQtqY+maPj8stBsoUH5pNcmIixuGkufYsh8F5+ka2CVPo2fycWZw==",
+			"dev": true,
+			"requires": {
+				"@types/mdx": "^2.0.0",
+				"@types/react": ">=16"
+			}
+		},
 		"@mdx-js/util": {
 			"version": "1.6.22",
 			"resolved": "https://registry.npmjs.org/@mdx-js/util/-/util-1.6.22.tgz",
@@ -38705,6 +38739,12 @@
 			"integrity": "sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==",
 			"dev": true
 		},
+		"@types/mdx": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.2.tgz",
+			"integrity": "sha512-mJGfgj4aWpiKb8C0nnJJchs1sHBHn0HugkVfqqyQi7Wn6mBRksLeQsPOFvih/Pu8L1vlDzfe/LidhVHBeUk3aQ==",
+			"dev": true
+		},
 		"@types/mime-types": {
 			"version": "2.1.1",
 			"resolved": "https://registry.npmjs.org/@types/mime-types/-/mime-types-2.1.1.tgz",
diff --git a/web/package.json b/web/package.json
index 8fd76c7b0..53e78938a 100644
--- a/web/package.json
+++ b/web/package.json
@@ -59,6 +59,7 @@
 	},
 	"devDependencies": {
 		"@babel/core": "7.19.3",
+		"@mdx-js/react": "^2.1.5",
 		"@storybook/addon-a11y": "6.5.12",
 		"@storybook/addon-actions": "6.5.12",
 		"@storybook/addon-docs": "6.5.12",