diff --git a/src/components/NcAppNavigationItem/NcAppNavigationItem.vue b/src/components/NcAppNavigationItem/NcAppNavigationItem.vue
index db4f1676a0..8d87c16540 100644
--- a/src/components/NcAppNavigationItem/NcAppNavigationItem.vue
+++ b/src/components/NcAppNavigationItem/NcAppNavigationItem.vue
@@ -772,5 +772,5 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '../../assets/NcAppNavigationItem';
+@use '../../assets/NcAppNavigationItem';
 </style>
diff --git a/src/components/NcAppNavigationNewItem/NcAppNavigationNewItem.vue b/src/components/NcAppNavigationNewItem/NcAppNavigationNewItem.vue
index 8b68194d06..236eaea9a4 100644
--- a/src/components/NcAppNavigationNewItem/NcAppNavigationNewItem.vue
+++ b/src/components/NcAppNavigationNewItem/NcAppNavigationNewItem.vue
@@ -176,7 +176,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '../../assets/NcAppNavigationItem';
+@use '../../assets/NcAppNavigationItem';
 
 .app-navigation-new-item__name {
 	overflow: hidden;