diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_related-navigation.scss b/app/assets/stylesheets/govuk_publishing_components/components/_related-navigation.scss
index 622df913ec..053480ceaa 100644
--- a/app/assets/stylesheets/govuk_publishing_components/components/_related-navigation.scss
+++ b/app/assets/stylesheets/govuk_publishing_components/components/_related-navigation.scss
@@ -36,6 +36,14 @@
   }
 }
 
+.gem-c-related-navigation__toggle {
+  display: none;
+
+  .js-enabled & {
+    display: block;
+   }
+}
+
 .gem-c-related-navigation__section-link {
   @include bold-16;
 }
diff --git a/app/views/govuk_publishing_components/components/related_navigation/_section.html.erb b/app/views/govuk_publishing_components/components/related_navigation/_section.html.erb
index d3677d9803..e391a2eed2 100644
--- a/app/views/govuk_publishing_components/components/related_navigation/_section.html.erb
+++ b/app/views/govuk_publishing_components/components/related_navigation/_section.html.erb
@@ -44,6 +44,7 @@
     <% if links.length > section_link_limit %>
       <li class="gem-c-related-navigation__link toggle-wrap">
         <a href="#"
+          class="gem-c-related-navigation__toggle"
           data-controls="toggle_<%= section_title %>"
           data-expanded="false"
           data-toggled-text="<%= t("govuk_component.metadata.toggle_less", default: "Show fewer") %>">