Fix clickable area of Breadcrumb link

0xsequence · May 7, 2024 · f792728 · f792728
1 parent 3b145b3
commit f792728
Showing 1 changed file with 16 additions and 11 deletions.
diff --git a/src/components/Breadcrumbs/Breadcrumbs.tsx b/src/components/Breadcrumbs/Breadcrumbs.tsx
@@ -60,18 +60,23 @@ const BreadcrumbSegment = (props: BreadcrumbSegmentProps) => {
       {path.label}
     </Text>
   ) : (
-    renderLink(
-      path,
-      <Text
-        variant="small"
-        fontWeight="medium"
-        color="text50"
-        whiteSpace="nowrap"
-        capitalize
-      >
-        {path.label}
+    <>
+      {renderLink(
+        path,
+        <Text
+          variant="small"
+          fontWeight="medium"
+          color="text50"
+          whiteSpace="nowrap"
+          capitalize
+          opacity={{ hover: '80' }}
+        >
+          {path.label}
+        </Text>
+      )}
+      <Text variant="small" fontWeight="medium" color="text50">
         {' / '}
       </Text>
-    )
+    </>
   )
 }