From a9a315a25289e169052466e6148ee15eb0f25fd7 Mon Sep 17 00:00:00 2001
From: Darius Cepulis <dcepulis@mux.com>
Date: Mon, 3 Nov 2025 19:47:57 -0600
Subject: [PATCH] fix(site): correct style import for skins

---
 site/src/components/HomePageDemo/Base.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/src/components/HomePageDemo/Base.tsx b/site/src/components/HomePageDemo/Base.tsx
index 12af647c..e63a4ede 100644
--- a/site/src/components/HomePageDemo/Base.tsx
+++ b/site/src/components/HomePageDemo/Base.tsx
@@ -19,8 +19,8 @@ function generateReactCode(skin: Skin): string {
   const skinImport = skin === 'frosted' ? 'frosted' : 'minimal';
 
   return `// npm install @videojs/react@next
-import { MediaProvider, Video } from '@videojs/react';
-import { ${skinComponent} } from '@videojs/react/skins/${skinImport}';
+import { MediaProvider, ${skinComponent}, Video } from '@videojs/react';
+import '@videojs/react/skins/${skinImport}.css';
 
 export const VideoPlayer = () => {
   return (