remove scrollbar for breadcrumb

Author: jproberson

packages/components/src/Breadcrumbs/Breadcrumbs.tsx

@@ -19,6 +19,10 @@ export const Breadcrumbs = ({ steps }: BreadcrumbsProps) => {
         alignItems: 'center',
         width: '100%',
         overflowX: 'auto',
+        scrollbarWidth: 'none',
+        '&::-webkit-scrollbar': {
+          display: 'none',
+        },
       }}
     >
       {steps.map((step, index) => {

src/pages/common/Breadcrumbs/Breadcrumbs.tsx

@@ -85,7 +85,15 @@ export const Breadcrumbs = (props: BreadcrumbsProps) => {
         paddingLeft: [2, 0, 0],
       }}
     >
-      <Flex sx={{ flex: ['none', 'none', 1], overflowX: 'auto', width: '100%' }}>
+      <Flex
+        sx={{
+          flex: ['none', 'none', 1],
+          overflowX: 'auto',
+          width: '100%',
+          scrollbarWidth: 'none',
+          '&::-webkit-scrollbar': { display: 'none' },
+        }}
+      >
         <BreadcrumbsComponent steps={breadcrumbsSteps} />
       </Flex>