diff --git a/package.json b/package.json
index 2c35181c9..d576019bb 100644
--- a/package.json
+++ b/package.json
@@ -14,8 +14,6 @@
         "cross-env": "^7.0",
         "laravel-mix": "^5.0.1",
         "lodash": "^4.17.13",
-        "resolve-url-loader": "^3.1.0",
-        "sass": "^1.15.2",
-        "sass-loader": "^8.0.0"
+        "resolve-url-loader": "^3.1.0"
     }
 }
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
deleted file mode 100644
index 8337712ea..000000000
--- a/resources/sass/app.scss
+++ /dev/null
@@ -1 +0,0 @@
-//
diff --git a/webpack.mix.js b/webpack.mix.js
index 8a923cbb4..2a22dc120 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -6,10 +6,12 @@ const mix = require('laravel-mix');
  |--------------------------------------------------------------------------
  |
  | Mix provides a clean, fluent API for defining some Webpack build steps
- | for your Laravel application. By default, we are compiling the Sass
+ | for your Laravel applications. By default, we are compiling the CSS
  | file for the application as well as bundling up all the JS files.
  |
  */
 
 mix.js('resources/js/app.js', 'public/js')
-    .sass('resources/sass/app.scss', 'public/css');
+    .postCss('resources/css/app.css', 'public/css', [
+        //
+    ]);