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 fec8a01..e8ce0f3 100644
--- a/templates/productList.html.twig
+++ b/templates/productList.html.twig
@@ -17,7 +17,7 @@
             <tr>
                 <td class="align-middle font-weight-bold h3"><a class="text-warning text-decoration-none"
                                                                 href="{{ path('app_star', {'productId': product.id}) }}">{% if product.starred == true %}★{% else %} ☆ {% endif %}</a></td>
-                <td class="align-middle" style="width: 120px;"><img src='{{ product.image }}&width=70' class='border rounded p-1' alt='{{ product.name }}'/></td>
+                <td class="align-middle" style="width: 120px;"><img src='{{ product.image }}&width=70' class='img-thumbnail' alt='{{ product.name }}'/></td>
                 <td class="align-middle">
                     <a href='{{ path('app_product', {'productId': product.id}) }}' class="text-decoration-none">{{ product.name }}</a>
                     {% if product.currentStock.stock > 0 %}
@@ -28,11 +28,13 @@
                     <span class="badge text-bg-light">{{ product.subTitle }}</span>
                 </td>
                 <td class="align-middle">
-                    <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 class="align-middle"><a href='https://pl.ryobitools.eu/{{ product.url }}'>link</a></td>
                 <td class="align-middle">{{ product.price.last.price | format_currency('PLN', {}, 'pl') }}</td>