diff --git a/templates/product.html.twig b/templates/product.html.twig
index 3c01fe7..4d072b9 100644
--- a/templates/product.html.twig
+++ b/templates/product.html.twig
@@ -11,11 +11,13 @@
                 <span class="badge text-bg-light">{{ product.subTitle }}</span>
             </td>
             <td>
-                <ul class='nav'>
-                    {% for category in product.categories %}
-                        <li class="nav-item"><a class="nav-link" href="{{ path('app_category', {'category': category}) }}"> {{ category }} </a></li>
-                    {% endfor %}
-                </ul>
+                <nav aria-label="breadcrumb" style="--bs-breadcrumb-divider: '>';" >
+                    <ol class="breadcrumb">
+                        {% for category in product.categories %}
+                            <li class="breadcrumb-item" aria-current="page"><a class="breadcrumb-item text-decoration-none"  href="{{ path('app_category', {'category': category}) }}">{{ category }}</a></li></li>
+                        {%  endfor %}
+                    </ol>
+                </nav>
             </td>
             <td><a href='https://pl.ryobitools.eu/{{ product.url }}'>link</a></td>
         </tr>
diff --git a/templates/productList.html.twig b/templates/productList.html.twig
index ac9c255..e8ce0f3 100644
--- a/templates/productList.html.twig
+++ b/templates/productList.html.twig
@@ -28,7 +28,6 @@
                     <span class="badge text-bg-light">{{ product.subTitle }}</span>
                 </td>
                 <td class="align-middle">
-
                     <nav aria-label="breadcrumb" style="--bs-breadcrumb-divider: '>';" >
                         <ol class="breadcrumb">
                             {% for category in product.categories %}