diff --git a/cypress/plugins/cy-ts-preprocessor.js b/cypress/plugins/cy-ts-preprocessor.js
index da07a051..aa313063 100644
--- a/cypress/plugins/cy-ts-preprocessor.js
+++ b/cypress/plugins/cy-ts-preprocessor.js
@@ -19,6 +19,29 @@ const webpackOptions = {
       {
         test: /\.async\.(html|css)$/, 
         loaders: ['file?name=[name].[hash].[ext]', 'extract']
+      }, {
+        test: /\.scss$/,
+        use: [
+          'to-string-loader',
+          {
+            loader: 'style-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+          {
+            loader: 'css-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+          {
+            loader: 'sass-loader',
+            options: {
+              sourceMap: true,
+            },
+          }
+        ]
       }
     ]
   }