diff --git a/video/src/styles/main.sass b/video/src/styles/main.sass
index d5b2c1a1..df7fa659 100644
--- a/video/src/styles/main.sass
+++ b/video/src/styles/main.sass
@@ -1,5 +1,5 @@
-@import './player.sass'
-@import './chart.sass'
+@use './player.sass';
+@use './chart.sass';
 
 $baseFont: 'Space Mono', monospace
 
diff --git a/video/vite.config.js b/video/vite.config.js
index 6f23c785..86c3fee4 100644
--- a/video/vite.config.js
+++ b/video/vite.config.js
@@ -12,10 +12,17 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {defineConfig} from 'vite'
+import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 
 export default defineConfig({
   plugins: [react()],
-  server: {port: 8000}
+  server: { port: 8000 },
+  css: {
+    preprocessorOptions: {
+      sass: {
+        implementation: 'sass'
+      }
+    }
+  }
 })