diff --git a/app/frontend/styles/application.scss b/app/frontend/styles/application.scss
index 07e8c675a..dace6c0a4 100644
--- a/app/frontend/styles/application.scss
+++ b/app/frontend/styles/application.scss
@@ -10,8 +10,8 @@ $govuk-font-url-function: frontend-font-url;
 $govuk-image-url-function: frontend-image-url;
 $govuk-global-styles: true;
 
-@import "node_modules/govuk-frontend/govuk/all";
-@import "node_modules/govuk-prototype-components/x-govuk/all";
+@import "govuk-frontend-styles";
+@import "govuk-prototype-styles";
 
 @import "accessible-autocomplete";
 @import "button";
diff --git a/webpack.config.js b/webpack.config.js
index 14ff8fd36..77eebab44 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -43,6 +43,10 @@ module.exports = {
     ],
   },
   resolve: {
+    alias: {
+      'govuk-frontend-styles': path.resolve(__dirname, 'node_modules/govuk-frontend/govuk/all.scss'),
+      'govuk-prototype-styles': path.resolve(__dirname, 'node_modules/govuk-prototype-components/x-govuk/all.scss')
+    },
     modules: ['node_modules', 'node_modules/govuk-frontend/govuk']
   },
   output: {