diff --git a/package.json b/package.json
index 41afb4977b5671840c8b427043aba8169a43a477..ff53b524a2a7fc2bc36732fbc9a11ed812648c1e 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,7 @@
     "shelljs": "^0.8.1",
     "style-loader": "^0.20.2",
     "url-loader": "^1.0.1",
-    "webpack": "^4.0.1",
+    "webpack": "^4.16.2",
     "webpack-cli": "^2.0.9",
     "webpack-dev-server": "^3.0.0",
     "worker-loader": "^2.0.0"
diff --git a/webpack.config.js b/webpack.config.js
index a631e867c87dcbbeb4335443cb369421977813f8..a9a5c07fe3dfcd9d4bf0e2251de0ca2a2932e0ea 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -250,7 +250,7 @@ const config = {
     ]),
     // Extract required css and add a content hash.
     new ExtractTextPlugin({
-      filename: "assets/stylesheets/[name]-[contenthash].css",
+      filename: "assets/stylesheets/[name]-[md5:contenthash:hex:20].css",
       disable: process.env.NODE_ENV !== "production"
     }),
     // Transform the output of the html-loader using _.template