Updates

components/lib/elements/Breadcrumbs.tsx

@@ -30,6 +30,7 @@ type Props = {
  * @className `twui-breadcrumb-link`
  * @className `twui-current-breadcrumb-wrapper`
  * @className `twui-breadcrumbs-divider`
+ * @className `twui-breadcrumbs-back-button`
  */
 export default function Breadcrumbs({
     excludeRegexMatch,
@@ -92,6 +93,7 @@ export default function Breadcrumbs({
                             {...backButtonProps}
                             className={twMerge(
                                 "p-1 -my-2 -mx-2",
+                                "twui-breadcrumbs-back-button",
                                 backButtonProps?.className
                             )}
                             onClick={(e) => {
@@ -99,9 +101,8 @@ export default function Breadcrumbs({
                                 backButtonProps?.onClick?.(e);
                             }}
                             title="Breadcrumbs Back Button"
-                        >
-                            <ChevronLeft size={20} />
-                        </Button>
+                            beforeIcon={<ChevronLeft size={20} />}
+                        />
                         {divider || (
                             <Divider
                                 vertical

styles/globals.css

@@ -8,7 +8,7 @@
     --color-primary: #02030f;
 }
 
-.twui-button-general {
+.twui-button-general:not(.twui-breadcrumbs-back-button) {
     @apply rounded-none bg-white text-black;
 }