diff --git a/.github/workflows/actions/build/action.yml b/.github/workflows/actions/build/action.yml
index 9dbdd30d7c..cff9337461 100644
--- a/.github/workflows/actions/build/action.yml
+++ b/.github/workflows/actions/build/action.yml
@@ -28,6 +28,4 @@ runs:
       if: steps.build-cache.outputs.cache-hit != 'true'
       shell: bash
 
-      run: |
-        npm run build:package
-        npm run build:app
+      run: npm run build:app
diff --git a/app/tasks/build/dist.mjs b/app/tasks/build/dist.mjs
index f5a1b831c6..356c1c610f 100644
--- a/app/tasks/build/dist.mjs
+++ b/app/tasks/build/dist.mjs
@@ -1,5 +1,7 @@
 import gulp from 'gulp'
 
+import { paths } from '../../../config/index.js'
+import { npm } from '../../../tasks/index.mjs'
 import { assets, clean, scripts, styles } from '../index.mjs'
 
 /**
@@ -8,6 +10,7 @@ import { assets, clean, scripts, styles } from '../index.mjs'
  */
 export default gulp.series(
   clean,
+  npm.script('build:package', paths.root),
   gulp.parallel(
     assets,
     scripts,
diff --git a/app/tasks/watch.mjs b/app/tasks/watch.mjs
index d2b17ff843..f297747548 100644
--- a/app/tasks/watch.mjs
+++ b/app/tasks/watch.mjs
@@ -23,7 +23,10 @@ export function watch () {
       `!${slash(paths.src)}/govuk/vendor/*`
     ], gulp.parallel(
       npm.script('lint:scss'),
-      styles
+      gulp.series(
+        npm.script('build:package', paths.root),
+        styles
+      )
     )),
 
     gulp.watch([
@@ -32,7 +35,10 @@ export function watch () {
       `${slash(paths.src)}/govuk/**/*.mjs`
     ], gulp.parallel(
       npm.script('lint:js'),
-      scripts
+      gulp.series(
+        npm.script('build:package', paths.root),
+        scripts
+      )
     ))
   ])
 }