From ceeeb1ef0ce560c8d2bbbd9c7b732a4b528d1083 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 23 Jun 2022 12:05:23 +0200
Subject: [PATCH] change(ui) - braedcrumb first letter cap

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

diff --git a/frontend/app/components/shared/Breadcrumb/Breadcrumb.tsx b/frontend/app/components/shared/Breadcrumb/Breadcrumb.tsx
index 7f764749f..6b8e10972 100644
--- a/frontend/app/components/shared/Breadcrumb/Breadcrumb.tsx
+++ b/frontend/app/components/shared/Breadcrumb/Breadcrumb.tsx
@@ -12,14 +12,13 @@ function Breadcrumb(props: Props) {
             {items.map((item: any, index: any) => {
                 if (index === items.length - 1) {
                     return (
-                        <span key={index} className="color-gray-medium">{item.label}</span>
+                        <span key={index} className="color-gray-medium capitalize-first">{item.label}</span>
                     );
                 }
                 return (
                     <div key={index} className="color-gray-darkest hover:color-teal flex items-center">
-                        <Link to={item.to} className="">{item.label}</Link>
+                        <Link to={item.to} className="capitalize-first">{item.label}</Link>
                         <span className="mx-2">/</span>
-                        {/* <Icon name="chevron-right" /> */}
                     </div>
                 );
             })}