diff --git a/app/views/job_profiles/_job_profile.html.erb b/app/views/job_profiles/_job_profile.html.erb
index c04949649..af19fc116 100644
--- a/app/views/job_profiles/_job_profile.html.erb
+++ b/app/views/job_profiles/_job_profile.html.erb
@@ -11,10 +11,10 @@
   <p class="govuk-body govuk-!-margin-bottom-1">Recent job growth: <span class="strong"><%= job_profile.growth_type %></span></p>
   <% if job_profile.growth.present? %>
     <details class="govuk-details" data-module="govuk-details">
-      <summary class="govuk-details__summary" aria-controls="recent-growth-details" aria-expanded="true" role="button">
+      <summary class="govuk-details__summary" aria-controls="recent-growth-details-<%= job_profile.slug %>" aria-expanded="true" role="button">
         <span class="govuk-details__summary-text">What does <%= job_profile.growth_type.downcase %> mean?</span>
       </summary>
-      <div class="govuk-details__text govuk-body-m" aria-hidden="false" id="recent-growth-details">
+      <div class="govuk-details__text govuk-body-m" aria-hidden="false" id="recent-growth-details-<%= job_profile.slug %>">
         <%= job_profile.growth_explanation %>
       </div>
     </details>