From 96c1b02d864de8e0b602c842d104d67513177f0a Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Thu, 28 May 2026 13:08:58 -0400
Subject: [PATCH 1/3] fix(ui): Stepper chevron wrapping

---
 .../ConfigureSSO/elements/Stepper/Stepper.tsx     | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/components/ConfigureSSO/elements/Stepper/Stepper.tsx b/packages/ui/src/components/ConfigureSSO/elements/Stepper/Stepper.tsx
index fa2013aaf24..fdd1cd65f01 100644
--- a/packages/ui/src/components/ConfigureSSO/elements/Stepper/Stepper.tsx
+++ b/packages/ui/src/components/ConfigureSSO/elements/Stepper/Stepper.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Box, descriptors, Flex, Icon, SimpleButton, Text } from '@/customizables';
+import { Box, descriptors, Flex, Icon, SimpleButton, Text, Span } from '@/customizables';
 import { ChevronRight, Checkmark } from '@/icons';
 
 import type { StepperItemProps, StepperProps } from './types';
@@ -18,8 +18,15 @@ const Root = ({ children }: StepperProps): JSX.Element => {
       })}
     >
       {items.map((child, index) => (
-        // eslint-disable-next-line react/no-array-index-key
-        <React.Fragment key={index}>
+        <Span
+          // eslint-disable-next-line react/no-array-index-key
+          key={index}
+          sx={theme => ({
+            display: 'flex',
+            alignItems: 'center',
+            gap: theme.space.$2,
+          })}
+        >
           {child}
           {index < items.length - 1 && (
             <Icon
@@ -29,7 +36,7 @@ const Root = ({ children }: StepperProps): JSX.Element => {
               colorScheme='neutral'
             />
           )}
-        </React.Fragment>
+        </Span>
       ))}
     </Flex>
   );

From 34b2dc3e00377eae2b2151f372a58ee152f584bf Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Thu, 28 May 2026 13:12:04 -0400
Subject: [PATCH 2/3] add changeset

---
 .changeset/neat-mild-pale.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/neat-mild-pale.md

diff --git a/.changeset/neat-mild-pale.md b/.changeset/neat-mild-pale.md
new file mode 100644
index 00000000000..7544ad4846f
--- /dev/null
+++ b/.changeset/neat-mild-pale.md
@@ -0,0 +1,5 @@
+---
+'@clerk/ui': patch
+---
+
+Fix stepper chevron wrapping and test button spinner size in `<ConfigureSSO />`

From e4d28515fa2f4b8b3987de2c1831040604e3c141 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Fri, 29 May 2026 12:15:53 -0400
Subject: [PATCH 3/3] Update .changeset/neat-mild-pale.md

Co-authored-by: Laura Beatris <48022589+LauraBeatris@users.noreply.github.com>
---
 .changeset/neat-mild-pale.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/neat-mild-pale.md b/.changeset/neat-mild-pale.md
index 7544ad4846f..2178bc24904 100644
--- a/.changeset/neat-mild-pale.md
+++ b/.changeset/neat-mild-pale.md
@@ -2,4 +2,4 @@
 '@clerk/ui': patch
 ---
 
-Fix stepper chevron wrapping and test button spinner size in `<ConfigureSSO />`
+Fix stepper chevron wrapping in `<ConfigureSSO />`