diff --git a/client/src/components/layout/footer/Footer.tsx b/client/src/components/layout/footer/Footer.tsx
index 670e9f612..cec88b953 100644
--- a/client/src/components/layout/footer/Footer.tsx
+++ b/client/src/components/layout/footer/Footer.tsx
@@ -1,4 +1,5 @@
 import Divider from "components/util/Divider";
+import ExternalLink from "components/util/ExternalLink";
 import React from "react";
 import { Link } from "react-router-dom";
 import { FORMATTED_VERSION } from "util/constants/version";
@@ -13,7 +14,12 @@ export function Footer() {
 					<div className="order-2 order-md-1">
 						{/* is there a better way to do this? mt-md-3 is the intent */}
 						<div className="d-block d-lg-none mt-3"></div>
-						<span className="px-3">{FORMATTED_VERSION}</span>
+						<ExternalLink
+							href="https://www.youtube.com/watch?v=JOb5f-TG6iI&list=PLGFFTE0Sw8tStwmuVsAoeOEdmWBLceK9b"
+							className="gentle-link px-3"
+						>
+							{FORMATTED_VERSION}
+						</ExternalLink>
 					</div>
 
 					<div className="nav nav-dark order-1 order-md-2 justify-content-center">