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>
                 );
             })}