diff --git a/docs/stylesheets/components/_prose.scss b/docs/stylesheets/components/_prose.scss
index ce05ded81..8a60306d2 100644
--- a/docs/stylesheets/components/_prose.scss
+++ b/docs/stylesheets/components/_prose.scss
@@ -26,6 +26,22 @@
     border: 1px solid #b1b4b6;
   }
 
+  .img-container {
+    width: fill;
+    height: fit-content;
+    margin-bottom: govuk-spacing(9);
+    padding: govuk-spacing(6);
+    border: 1px solid #b1b4b6;
+    background-color: govuk-colour("white");
+
+    & img {
+      height: 100%;
+      max-height: 600px;
+      object-fit: scale-down;
+      border: none;
+    }
+  }
+
   strong,
   b {
     @include govuk-typography-weight-bold;
diff --git a/middleware/generate-documentation.js b/middleware/generate-documentation.js
index 940d614e6..59fb2715d 100644
--- a/middleware/generate-documentation.js
+++ b/middleware/generate-documentation.js
@@ -173,7 +173,9 @@ eleventyNavigation:
 
 ## Overview
 
-${files?.['/component-image'] ? '![' + componentName + '](/' + files['/component-image'].path + ')' : ''}
+<div class="img-container">
+  ${files?.['/component-image'] ? '![' + componentName + '](/' + files['/component-image'].path + ')' : ''}
+</div>
 
 ${details?.componentOverview || ''}
 
diff --git a/views/common/homepage-nav.html b/views/common/homepage-nav.html
index 2868dca0b..e80141f2f 100644
--- a/views/common/homepage-nav.html
+++ b/views/common/homepage-nav.html
@@ -23,6 +23,13 @@ <h2 class="app-vertical-nav__header" id="building-nav-title">Building blocks</h2
 
 
 
+<li class="app-vertical-nav__item  ">
+  <a class="app-vertical-nav__link" href="/components">View all components</a></li>
+
+
+
+
+
 <li class="app-vertical-nav__item  ">
   <a class="app-vertical-nav__link" href="/components/add-another/">Add another</a></li>
 
@@ -178,7 +185,7 @@ <h2 class="app-vertical-nav__header" id="building-nav-title">Building blocks</h2
 
 
 <li class="app-vertical-nav__item  ">
-  <a class="app-vertical-nav__link" href="/components/ticket-panel/">Ticket panel</a></li>
+  <a class="app-vertical-nav__link" href="/components/ticket-panel/">Ticket Panel</a></li>
 
 
 
@@ -244,7 +251,7 @@ <h2 class="app-vertical-nav__header" id="building-nav-title">Building blocks</h2
 
 
 <li class="app-vertical-nav__item  ">
-  <a class="app-vertical-nav__link" href="/pages/case-list/">Case list page</a></li>
+  <a class="app-vertical-nav__link" href="/pages/case-list/">Case list pages</a></li>
 </ul></li>
 
         
@@ -291,7 +298,7 @@ <h2 class="app-vertical-nav__header" id="building-nav-title">Building blocks</h2
 
 
 <li class="app-vertical-nav__item  ">
-  <a class="app-vertical-nav__link" href="/archive/question-pages/">Question page</a></li>
+  <a class="app-vertical-nav__link" href="/archive/question-pages/">Question pages</a></li>
 
 
 
@@ -312,7 +319,7 @@ <h2 class="app-vertical-nav__header" id="building-nav-title">Building blocks</h2
 
 
 <li class="app-vertical-nav__item  ">
-  <a class="app-vertical-nav__link" href="/archive/task-list/">Task list page</a></li>
+  <a class="app-vertical-nav__link" href="/archive/task-list/">Task list pages</a></li>
 </ul></li>
 </ul>
   </nav>