refactor(app): update breadcrumbs to match designs

Opentrons · Feb 16, 2024 · 156c02e · 156c02e
1 parent a92fb77
commit 156c02e
Showing 1 changed file with 3 additions and 1 deletion.
diff --git 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}`}