From 7f41e07b941490c0028fb47bae2665b03ff3e6ac Mon Sep 17 00:00:00 2001
From: auronsan1st <ahsanul.masud@1st-log.com>
Date: Sat, 26 Nov 2022 00:19:40 +0700
Subject: [PATCH] [@mantine/core] Stepper: Fix vertical last step

---
 src/mantine-core/src/Stepper/Step/Step.styles.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/mantine-core/src/Stepper/Step/Step.styles.ts b/src/mantine-core/src/Stepper/Step/Step.styles.ts
index 80fff6a3b61..bf1a3718489 100644
--- a/src/mantine-core/src/Stepper/Step/Step.styles.ts
+++ b/src/mantine-core/src/Stepper/Step/Step.styles.ts
@@ -21,7 +21,8 @@ export const iconSizes = {
 export default createStyles(
   (
     theme,
-    { color, iconSize, size, radius, allowStepClick, iconPosition, orientation }: StepStylesParams
+    { color, iconSize, size, radius, allowStepClick, iconPosition, orientation }: StepStylesParams,
+    getRef
   ) => {
     const _iconSize = iconSize || theme.fn.size({ size, sizes: iconSizes });
     const iconMargin = size === 'xl' || size === 'lg' ? theme.spacing.md : theme.spacing.sm;
@@ -35,13 +36,11 @@ export default createStyles(
         minHeight: `calc(${_iconSize}px + ${theme.spacing.xl}px + ${separatorDistanceFromIcon}px)`,
         marginTop: `${separatorDistanceFromIcon}px`,
         overflow: 'hidden',
-
         '&:first-of-type': {
           marginTop: 0,
         },
-
-        '&:last-of-type': {
-          minHeight: 'auto',
+        [`&:last-of-type .${getRef('verticalSeparator')}`]: {
+          display: 'none',
         },
       },
     } as const;
@@ -72,6 +71,7 @@ export default createStyles(
         borderLeft: `2px solid ${
           theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1]
         }`,
+        ref: getRef('verticalSeparator'),
       },
 
       verticalSeparatorActive: {