diff --git a/.changeset/neat-mild-pale.md b/.changeset/neat-mild-pale.md
new file mode 100644
index 00000000000..2178bc24904
--- /dev/null
+++ b/.changeset/neat-mild-pale.md
@@ -0,0 +1,5 @@
+---
+'@clerk/ui': patch
+---
+
+Fix stepper chevron wrapping in `<ConfigureSSO />`
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>
   );