diff --git a/src/css/default.scss b/src/css/default.scss
index 7101a87f57d0671d8d78510a2ae71216f76d5f56..34af51eeb2f280f4949b5ca83e079b893d7c9ed4 100644
--- a/src/css/default.scss
+++ b/src/css/default.scss
@@ -1,6 +1,6 @@
 @import "../../node_modules/reset-css/sass/_reset.scss";
 @import "../../node_modules/purecss/build/pure.css";
-@import "../../node_modules/font-awesome/scss/font-awesome.scss";
+@import "../../node_modules/\@fortawesome/fontawesome-free/scss/fontawesome.scss";
 @import "../../node_modules/selectize/dist/css/selectize.css";
 @import "../../node_modules/highlight.js/styles/zenburn.css";
 
diff --git a/webpack.config.js b/webpack.config.js
index eec4f65837c592cc25f84cbbdefe9e6ff9a4c399..2aab4c277c29adf6c9ad60a0c6cd039528f7ffd1 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -86,12 +86,12 @@ module.exports = environment => {
             new CopyWebpackPlugin({
                 patterns: [
                     {
-                        from: path.resolve(__dirname + '/node_modules/font-awesome/fonts/*'),
+                        from: path.resolve(__dirname + '/node_modules/\@fortawesome/fontawesome-free/webfonts/*'),
                         to: 'fonts/',
                         flatten: true
                     }
-                ],
-            }),
+                ]
+            })
         ]
     }
 };