diff --git a/pages/index.vue b/pages/index.vue
index ef412a1..fd456d2 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -460,5 +460,5 @@ onMounted(async () => {
 </script>
 
 <style scoped lang="scss">
-@import '~/assets/css/index.scss';
+@use '~/assets/css/index.scss';
 </style>
\ No newline at end of file
diff --git a/pages/keybind.vue b/pages/keybind.vue
index a39b70d..c097a2e 100644
--- a/pages/keybind.vue
+++ b/pages/keybind.vue
@@ -172,5 +172,5 @@ onUnmounted(() => {
 </script>
 
 <style scoped lang="scss">
-@import '~/assets/css/keybind.scss';
+@use '~/assets/css/keybind.scss';
 </style>
\ No newline at end of file