diff --git a/src/govuk/components/accordion/_index.scss b/src/govuk/components/accordion/_index.scss
index 860e35eecb..ea0f826ada 100644
--- a/src/govuk/components/accordion/_index.scss
+++ b/src/govuk/components/accordion/_index.scss
@@ -150,7 +150,7 @@
 
     // Add toggle link with Chevron icon on right.
     .govuk-accordion__toggle-link {
-      display: block;
+      display: inline;
       margin-top: govuk-spacing(1);
       margin-bottom: govuk-spacing(1);
       color: $govuk-link-colour;
@@ -160,6 +160,11 @@
       &:active {
         background: $govuk-link-active-colour;
       }
+
+      &:before {
+        content: "";
+        display: block;
+      }
     }
 
     // Allows the width of the focus state match the width of the content
diff --git a/src/govuk/components/accordion/accordion.js b/src/govuk/components/accordion/accordion.js
index 7eca105150..9ee8ecc549 100644
--- a/src/govuk/components/accordion/accordion.js
+++ b/src/govuk/components/accordion/accordion.js
@@ -122,11 +122,6 @@ Accordion.prototype.initHeaderAttributes = function ($headerWrapper, index) {
   var $wrapperFocusHeading = document.createElement('span')
   $wrapperFocusHeading.classList.add(this.sectionHeadingClassFocusWrapper)
 
-  // Add pause after heading for assistive technology.
-  var $srPause = document.createElement('span')
-  $srPause.classList.add('govuk-visually-hidden')
-  $srPause.innerHTML = ', '
-
   // Build additional copy for assistive technology
   var srAdditionalCopy = document.createElement('span')
   srAdditionalCopy.classList.add('govuk-visually-hidden')
@@ -151,7 +146,6 @@ Accordion.prototype.initHeaderAttributes = function ($headerWrapper, index) {
   $heading.appendChild($button)
   $button.appendChild($wrapperFocusHeading)
   $wrapperFocusHeading.innerHTML = $span.innerHTML
-  $button.appendChild($srPause)
 
   // If summary content exists add to DOM in correct order
   if (typeof ($summary) !== 'undefined' && $summary !== null) {