diff --git a/public/css/app.css b/public/css/app.css
index 65e7ed2..ea0d24e 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -4540,9 +4540,14 @@ h3:not(.item__title, .product-card__title){
 }
 
 .breadcrumb{
+  --margin-breadcrumb:50px;
   position:absolute;
+  flex-wrap:wrap;
+  margin-left:var(--margin-breadcrumb);
   top:20px;
   align-items:center;
+  max-width:25%;
+  text-align:initial;
   color:#8b4437;
   font-size:calc(18px * 0.85);
   z-index:2;
@@ -4555,11 +4560,20 @@ h3:not(.item__title, .product-card__title){
   margin-left:5px;
 }
 .breadcrumb:before{
+  position:absolute;
+  left:calc(var(--margin-breadcrumb) * -1);
   content:url(/assets/images/arrow-back.jpg?b995a9d20eaaee831944babd9df5bbc4);
-  margin-right:25px;
 }
 
 @media screen and (max-width: 799px){
+  .breadcrumb{
+    max-width:70%;
+    top:-60px;
+    right:0;
+    justify-content:flex-end;
+    flex-direction:initial;
+  }
+
   .product-template .breadcrumb{
     display:none;
   }
diff --git a/resources/sass/_links.scss b/resources/sass/_links.scss
index d36d6d4..8356e7a 100644
--- a/resources/sass/_links.scss
+++ b/resources/sass/_links.scss
@@ -23,12 +23,18 @@
 }
 
 .breadcrumb {
+    --margin-breadcrumb: 50px;
     position: absolute;
+    flex-wrap: wrap;
+    margin-left: var(--margin-breadcrumb);
     top: 20px;
     align-items: center;
+    max-width: 25%;
+    text-align: initial;
     color: $color-brown;
     font-size: calc(#{$globalfont} * 0.85);
     z-index: 2;
+
     a:first-of-type {
         margin-right: 5px;
     }
@@ -37,12 +43,20 @@
         margin-left: 5px;
     }
     &:before {
+        position: absolute;
+        left: calc(var(--margin-breadcrumb) * -1);
         content: url("~@/images/arrow-back.jpg");
-        margin-right: 25px;
     }
 }
 
 @media screen and (max-width: 799px) {
+    .breadcrumb {
+        max-width: 70%;
+        top: -60px;
+        right: 0;
+        justify-content: flex-end;
+        flex-direction: initial;
+    }
     .product-template .breadcrumb {
         display: none;
     }