diff --git a/app/assets/stylesheets/govuk-component/_related-items.scss b/app/assets/stylesheets/govuk-component/_related-items.scss
index f575d354d..76801ca57 100644
--- a/app/assets/stylesheets/govuk-component/_related-items.scss
+++ b/app/assets/stylesheets/govuk-component/_related-items.scss
@@ -8,6 +8,10 @@
     margin-bottom: 0.5em;
   }
 
+  .description {
+    @include core-16;
+  }
+
   ul {
     // reset the default browser styles
     padding: 0;
diff --git a/app/views/govuk_component/related_items.raw.html.erb b/app/views/govuk_component/related_items.raw.html.erb
index ed2065939..80bf8bef3 100644
--- a/app/views/govuk_component/related_items.raw.html.erb
+++ b/app/views/govuk_component/related_items.raw.html.erb
@@ -13,6 +13,13 @@
       >
         <%= section[:title] %>
       </h2>
+
+      <% if section[:description].present? %>
+        <p class='description'>
+          <%= section[:description] %>
+        </p>
+      <% end %>
+
       <nav role="navigation" <% if section[:id] %>aria-labelledby="<%= section[:id] %>"<% end %>>
         <ul>
           <% total_links_in_section = section[:items].length + (section[:url] ? 1 : 0)  %>