diff --git a/src/assets/js/step-by-step-nav.js b/src/assets/js/step-by-step-nav.js
index 4b7cd01e..a87fd512 100644
--- a/src/assets/js/step-by-step-nav.js
+++ b/src/assets/js/step-by-step-nav.js
@@ -400,11 +400,13 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
         this.stepContent.classList.remove('js-hidden')
         toggleLinkText.innerHTML = this.hideText
         stepChevron.classList.remove('gem-c-step-nav__chevron--down')
+        this.stepContent.style.display = 'block'
       } else {
         this.stepElement.classList.remove('step-is-shown')
         this.stepContent.classList.add('js-hidden')
         toggleLinkText.innerHTML = this.showText
         stepChevron.classList.add('gem-c-step-nav__chevron--down')
+        this.stepContent.style.display = 'none'
       }
       this.titleButton.setAttribute('aria-expanded', isShown)
     }
diff --git a/webpack.config.mjs b/webpack.config.mjs
index 0a01a9e9..fc03651d 100644
--- a/webpack.config.mjs
+++ b/webpack.config.mjs
@@ -23,7 +23,8 @@ export default {
   entry: {
     map: '/src/assets/js/map.js',
     application: '/src/assets/js/application.js',
-    statusPage: '/src/assets/js/statusPage.js'
+    statusPage: '/src/assets/js/statusPage.js',
+    'step-by-step-nav': '/src/assets/js/step-by-step-nav.js'
   },
   output: {
     filename: '[name].bundle.js',