diff --git a/packages/web/src/scss/components/Breadcrumbs/index.html b/packages/web/src/scss/components/Breadcrumbs/index.html
index a97467a3b7..7f11dbd2d7 100644
--- a/packages/web/src/scss/components/Breadcrumbs/index.html
+++ b/packages/web/src/scss/components/Breadcrumbs/index.html
@@ -6,12 +6,15 @@ <h2 class="docs-Heading">Default</h2>
     <ol>
       <li class="d-none d-tablet-flex">
         <a href="#rootUrl" class="link-primary link-underlined">Root</a>
+        <svg class="Icon" width="24" height="24">
+          <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
+        </svg>
       </li>
       <li class="d-none d-tablet-flex">
+        <a href="#categoryUrl" class="link-primary link-underlined">Category</a>
         <svg class="Icon" width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
         </svg>
-        <a href="#categoryUrl" class="link-primary link-underlined">Category</a>
       </li>
       <li class="d-tablet-none">
         <svg class="Icon" width="24" height="24">
@@ -20,23 +23,20 @@ <h2 class="docs-Heading">Default</h2>
         <a href="#subcategoryUrl" class="link-primary link-underlined">Back</a>
       </li>
       <li class="d-none d-tablet-flex">
+        <a href="#subcategoryUrl" class="link-primary link-underlined">Subcategory</a>
         <svg class="Icon" width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
         </svg>
-        <a href="#subcategoryUrl" class="link-primary link-underlined">Subcategory</a>
       </li>
       <li class="d-none d-tablet-flex">
-        <svg class="Icon" width="24" height="24">
-          <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
-        </svg>
         <a href="#currentUrl" aria-current="page" class="link-secondary">Current page</a>
       </li>
     </ol>
   </nav>
 </section>
 
-<!-- 
-  This code is a copy of the 'Default' section. 
+<!--
+  This code is a copy of the 'Default' section.
   We need a visually identical demo to the Twig & React, where we have both the 'Default' and 'Custom' implementations.
 -->
 <section class="docs-Section">
@@ -45,12 +45,15 @@ <h2 class="docs-Heading">Custom</h2>
     <ol>
       <li class="d-none d-tablet-flex">
         <a href="#rootUrl" class="link-primary link-underlined">Root</a>
+        <svg class="Icon" width="24" height="24">
+          <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
+        </svg>
       </li>
       <li class="d-none d-tablet-flex">
+        <a href="#categoryUrl" class="link-primary link-underlined">Category</a>
         <svg class="Icon" width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
         </svg>
-        <a href="#categoryUrl" class="link-primary link-underlined">Category</a>
       </li>
       <li class="d-tablet-none">
         <svg class="Icon" width="24" height="24">
@@ -59,15 +62,12 @@ <h2 class="docs-Heading">Custom</h2>
         <a href="#subcategoryUrl" class="link-primary link-underlined">Back</a>
       </li>
       <li class="d-none d-tablet-flex">
+        <a href="#subcategoryUrl" class="link-primary link-underlined">Subcategory</a>
         <svg class="Icon" width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
         </svg>
-        <a href="#subcategoryUrl" class="link-primary link-underlined">Subcategory</a>
       </li>
       <li class="d-none d-tablet-flex">
-        <svg class="Icon" width="24" height="24">
-          <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
-        </svg>
         <a href="#currentUrl" aria-current="page" class="link-secondary">Current page</a>
       </li>
     </ol>