From 156c02ec4e1f6279ec455f94b6ebc0532cb64b4a Mon Sep 17 00:00:00 2001
From: Jamey Huffnagle <jamey.huffnagle@opentrons.com>
Date: Fri, 16 Feb 2024 14:17:44 -0500
Subject: [PATCH] refactor(app): update breadcrumbs to match designs

---
 app/src/organisms/Breadcrumbs/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/src/organisms/Breadcrumbs/index.tsx b/app/src/organisms/Breadcrumbs/index.tsx
index 2f25ea12fbf..55a15dc5f83 100644
--- a/app/src/organisms/Breadcrumbs/index.tsx
+++ b/app/src/organisms/Breadcrumbs/index.tsx
@@ -11,6 +11,7 @@ import {
   Icon,
   ALIGN_CENTER,
   ALIGN_FLEX_START,
+  BORDERS,
   COLORS,
   DIRECTION_ROW,
   SPACING,
@@ -40,7 +41,7 @@ function CrumbName({ crumbName, isLastCrumb }: CrumbNameProps): JSX.Element {
   return (
     <Flex
       alignItems={ALIGN_CENTER}
-      color={isLastCrumb ? COLORS.grey60 : COLORS.blue50}
+      color={isLastCrumb ? COLORS.grey50 : COLORS.blue50}
     >
       <Box
         paddingRight={SPACING.spacing4}
@@ -121,6 +122,7 @@ function BreadcrumbsComponent(): JSX.Element | null {
     <Flex
       alignItems={ALIGN_FLEX_START}
       backgroundColor={COLORS.white}
+      borderBottom={BORDERS.lineBorder}
       css={TYPOGRAPHY.labelRegular}
       flexDirection={DIRECTION_ROW}
       padding={`${SPACING.spacing4} 0 ${SPACING.spacing4} ${SPACING.spacing8}`}