diff --git a/apps/client/src/stylesheets/bootstrap.scss b/apps/client/src/stylesheets/bootstrap.scss
index 0761255ea..b30b929fe 100644
--- a/apps/client/src/stylesheets/bootstrap.scss
+++ b/apps/client/src/stylesheets/bootstrap.scss
@@ -1,2 +1,2 @@
 /* Import all of Bootstrap's CSS */
-@import "bootstrap/scss/bootstrap";
+@use "bootstrap/scss/bootstrap";
diff --git a/apps/client/webpack.config.js b/apps/client/webpack.config.js
index cfcfe231e..7ed6ff38d 100644
--- a/apps/client/webpack.config.js
+++ b/apps/client/webpack.config.js
@@ -48,6 +48,11 @@ module.exports = {
         "./src/libraries",
       ],
       styles: [],
+      stylePreprocessorOptions: {
+        sassOptions: {
+            quietDeps: true
+        }
+      },
       outputHashing: process.env['NODE_ENV'] === 'production' ? 'all' : 'none',
       optimization: process.env['NODE_ENV'] === 'production',
     })