diff --git a/app/frontend/entrypoints/application.scss b/app/frontend/entrypoints/application.scss
index 8757bebfb..246685eea 100644
--- a/app/frontend/entrypoints/application.scss
+++ b/app/frontend/entrypoints/application.scss
@@ -2,7 +2,7 @@ $govuk-images-path: "@govuk/assets/images/";
 $govuk-fonts-path: "@govuk/assets/fonts/";
 $govuk-global-styles: true;
 
-@import "@govuk/all";
+@import "pkg:govuk-frontend";
 @import "dfe-autocomplete/src/dfe-autocomplete";
 @import "../styles/app_form_states";
 @import "../styles/app_memorandum_of_understanding";
diff --git a/vite.config.js b/vite.config.js
index be5d2ade2..c330afed1 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,6 +3,7 @@
 import { defineConfig } from 'vite'
 import RubyPlugin from 'vite-plugin-ruby'
 import * as path from 'node:path'
+import { NodePackageImporter } from 'sass'
 
 export default defineConfig({
   plugins: [RubyPlugin()],
@@ -11,7 +12,7 @@ export default defineConfig({
     preprocessorOptions: {
       scss: {
         api: 'modern',
-        loadPaths: ['./node_modules/govuk-frontend/'],
+        importers: [new NodePackageImporter()],
         quietDeps: true
       },
       devSourcemaps: true