From 773bfc79951a027af8158a0994132bf5fb9755a4 Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Tue, 28 Jun 2022 11:19:12 +0200
Subject: [PATCH] fix(ui): fix breadcrumbs chevron icon

---
 frontend/app/components/shared/Breadcrumb/Breadcrumb.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/shared/Breadcrumb/Breadcrumb.tsx b/frontend/app/components/shared/Breadcrumb/Breadcrumb.tsx
index 6b8e10972..dd6ceefc3 100644
--- a/frontend/app/components/shared/Breadcrumb/Breadcrumb.tsx
+++ b/frontend/app/components/shared/Breadcrumb/Breadcrumb.tsx
@@ -16,8 +16,11 @@ function Breadcrumb(props: Props) {
                     );
                 }
                 return (
-                    <div key={index} className="color-gray-darkest hover:color-teal flex items-center">
-                        <Link to={item.to} className="capitalize-first">{item.label}</Link>
+                    <div key={index} className="color-gray-darkest hover:color-teal group flex items-center">
+                        <Link to={item.to} className="capitalize-first flex items-center">
+                            {index === 0 && <Icon name="chevron-left" size={16} className="mr-1 group-hover:fill-teal" />}
+                            {item.label}
+                        </Link>
                         <span className="mx-2">/</span>
                     </div>
                 );
@@ -26,4 +29,4 @@ function Breadcrumb(props: Props) {
     );
 }
 
-export default Breadcrumb;
\ No newline at end of file
+export default Breadcrumb;