refactor: use step sizes over theme sizes

elastic · Jun 12, 2024 · b55740d · b55740d
1 parent 1a0e945
commit b55740d
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/eui/src/components/steps/step.styles.ts b/packages/eui/src/components/steps/step.styles.ts
@@ -53,23 +53,23 @@ export const euiStepStyles = (euiThemeContext: UseEuiTheme) => {
     // Sizes
     m: css`
       &:not(:last-of-type) {
-        background-position: left ${euiTheme.size.xl};
+        background-position: left ${euiStep.numberSize};
       }
     `,
     s: css`
       &:not(:last-of-type) {
-        background-position: left ${euiTheme.size.xl};
+        background-position: left ${euiStep.numberSize};
       }
     `,
     xs: css`
       &:not(:last-of-type) {
         /* Adjust the line to be centered on the smaller number */
-        background-position: -${euiTheme.size.xs} ${euiTheme.size.l};
+        background-position: -${euiTheme.size.xs} ${euiStep.numberXSSize};
       }
     `,
     xxs: css`
       &:not(:last-of-type) {
-        background-position: -${euiTheme.size.s} ${euiTheme.size.base};
+        background-position: -${euiTheme.size.s} ${euiStep.numberXXSSize};
       }
     `,
   };