From 7322294e36472faaddbdf882128dcfc306359f53 Mon Sep 17 00:00:00 2001
From: Clara Manes Domingo
 <104362532+clara-manes-domingo@users.noreply.github.com>
Date: Wed, 29 Jun 2022 14:11:19 +0200
Subject: [PATCH] ui: Modify breadcrumb style

---
 frontend/src/pages/Navbar/MainNavbarNavigation.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/Navbar/MainNavbarNavigation.js b/frontend/src/pages/Navbar/MainNavbarNavigation.js
index 36a8d64ac..c9b3f105a 100644
--- a/frontend/src/pages/Navbar/MainNavbarNavigation.js
+++ b/frontend/src/pages/Navbar/MainNavbarNavigation.js
@@ -92,7 +92,7 @@ const createBreadcrumb = (
     const displayedName = index ? formattedPathName : strings.navigation.main_site;
     return (
       <div key={index} style={styles.breadcrumb}>
-        <div>{index ? <ChevronRight color="primary" style={{ height: "16px" }} /> : null}</div>
+        <div>{index ? <ChevronRight color="primary" style={styles.breadcrumb} /> : null}</div>
         <Button
           disabled={isLastItem || pathName === ""}
           data-test={`breadcrumb-${displayedName}`}
@@ -118,10 +118,9 @@ const MainNavbarNavigation = ({
   storeSearchTerm,
   storeSearchBarDisplayed
 }) => {
-
   return (
     <div style={styles.container}>
-      <Typography variant="button" color={ "primary" }>
+      <Typography variant="button" color={"primary"}>
         {strings.login.frontend_name}
       </Typography>
       <div style={styles.breadcrumbs}>