diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.js
index 17ef6bfbc..f9e1a5ee1 100644
--- a/app/javascript/packs/application.js
+++ b/app/javascript/packs/application.js
@@ -25,8 +25,9 @@ require("jquery-ui/themes/base/draggable.css");
 require("jquery-ui/themes/base/resizable.css");
 require("jquery-ui/themes/base/theme.css");
 
-require("@fortawesome/fontawesome-free/css/all.css");
-require("@fortawesome/fontawesome-free/js/all.js");
+require("@fortawesome/fontawesome-free/css/fontawesome.css");
+require("@fortawesome/fontawesome-free/css/solid.css");
+require("@fortawesome/fontawesome-free/css/regular.css");
 
 importAll(require.context('../src/javascripts', true, /\.js(\.erb)?$/));
 importAll(require.context('../src/styles', true, /\.s?css(?:\.erb)?$/));
diff --git a/app/javascript/src/styles/base/000_vars.scss b/app/javascript/src/styles/base/000_vars.scss
index cb1e5ca73..28587cd05 100644
--- a/app/javascript/src/styles/base/000_vars.scss
+++ b/app/javascript/src/styles/base/000_vars.scss
@@ -44,7 +44,7 @@ $base_font_family: Verdana, Helvetica, sans-serif;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
 
-  font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro";
+  font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: $content;
 }