diff --git a/src/containers/Accounts/AccountHeader/BalanceSelector/balance-selector.scss b/src/containers/Accounts/AccountHeader/BalanceSelector/balance-selector.scss
index 30860340e..31c4742a4 100644
--- a/src/containers/Accounts/AccountHeader/BalanceSelector/balance-selector.scss
+++ b/src/containers/Accounts/AccountHeader/BalanceSelector/balance-selector.scss
@@ -1,4 +1,4 @@
-@use 'src/containers/shared/css/variables' as *;
+@use '../../../shared/css/variables.scss' as *;
 
 .balance-selector {
   position: relative;
diff --git a/src/containers/shared/components/TokenSearchResults/styles.scss b/src/containers/shared/components/TokenSearchResults/styles.scss
index beec5b9de..903d9688d 100644
--- a/src/containers/shared/components/TokenSearchResults/styles.scss
+++ b/src/containers/shared/components/TokenSearchResults/styles.scss
@@ -1,4 +1,4 @@
-@import '../../css/variables';
+@use '../../css/variables' as *;
 
 .search-results-menu {
   position: absolute;
diff --git a/src/containers/shared/css/variables.scss b/src/containers/shared/css/variables.scss
index 91b259bed..8acd9b3a0 100644
--- a/src/containers/shared/css/variables.scss
+++ b/src/containers/shared/css/variables.scss
@@ -155,7 +155,7 @@ $XRP_XRP: #0a93eb;
 $XRP_CAD: #ca3103;
 $XRP_OTHERS: #f52a79;
 
-// Font wights
+// Font weights
 @mixin regular {
   font-weight: 400;
 }
diff --git a/vite.config.js b/vite.config.js
index 2e64dc529..fd3b7cf11 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -87,5 +87,11 @@ export default defineConfig({
         autoprefixer({}), // add options if needed
       ],
     },
+    preprocessorOptions: {
+      scss: {
+        api: 'modern-compiler',
+        silenceDeprecations: ['mixed-decls'],
+      },
+    },
   },
 })