diff --git a/app/assets/stylesheets/modules/_related-content.scss b/app/assets/stylesheets/modules/_related-content.scss
index b22f56ab4..88bb84aec 100644
--- a/app/assets/stylesheets/modules/_related-content.scss
+++ b/app/assets/stylesheets/modules/_related-content.scss
@@ -3,12 +3,3 @@
     border-top: 1px solid $govuk-border-colour;
   }
 }
-
-.related-item {
-  &__email-link {
-    padding-left: 25px;
-    font-weight: bold;
-    background: image-url("service-manual/mail-icon-x2.png") 0 40% no-repeat;
-    background-size: 20px 14px;
-  }
-}
diff --git a/app/views/shared/_email_signup.html.erb b/app/views/shared/_email_signup.html.erb
index b0c28fac6..fc39240c0 100644
--- a/app/views/shared/_email_signup.html.erb
+++ b/app/views/shared/_email_signup.html.erb
@@ -5,7 +5,12 @@
     margin_bottom: 2,
     id: "related-subscriptions",
   } %>
-  <p class="govuk-body">When any guidance within this topic is updated
-    <%= link_to "email", @content_item.email_alert_signup_link, class: 'govuk-link related-item__email-link' %>
-  </p>
+
+  <div class="related-item__subscription-link">
+    <%= render "govuk_publishing_components/components/subscription_links", {
+      hide_heading: true,
+      email_signup_link_text: "Get emails when any guidance within this topic is updated",
+      email_signup_link: @content_item.email_alert_signup_link
+    } %>
+  </div>
 </div>