diff --git a/site/src/components/HomePageDemo/Base.tsx b/site/src/components/HomePageDemo/Base.tsx
index 868faa4d..3897e713 100644
--- a/site/src/components/HomePageDemo/Base.tsx
+++ b/site/src/components/HomePageDemo/Base.tsx
@@ -32,8 +32,8 @@ export const VideoPlayer = () => {
 };`;
 }
 
-function generateJS(_skin: Skin): string {
-  return `import '@videojs/html/skins/frosted';`;
+function generateJS(skin: Skin): string {
+  return `import '@videojs/html/skins/${skin}';`;
 }
 
 export default function BaseDemo({ className }: { className?: string }) {