diff --git a/src/components/BooleanPill/BooleanPill.styles.ts b/src/components/BooleanPill/BooleanPill.styles.ts index 75aede38..5250da4a 100644 --- a/src/components/BooleanPill/BooleanPill.styles.ts +++ b/src/components/BooleanPill/BooleanPill.styles.ts @@ -14,6 +14,7 @@ export const defaultConfig = { display: 'inline-flex', justifyContent: 'center', alignItems: 'center', + text: '$typo-body-medium', textAlign: 'center', whiteSpace: 'nowrap', h: '$size-small', diff --git a/src/components/SelectablePill/SelectablePill.styles.ts b/src/components/SelectablePill/SelectablePill.styles.ts index c6589757..50d1c3e0 100644 --- a/src/components/SelectablePill/SelectablePill.styles.ts +++ b/src/components/SelectablePill/SelectablePill.styles.ts @@ -23,6 +23,7 @@ export const defaultConfig = { display: 'inline-flex', justifyContent: 'center', alignItems: 'center', + text: '$typo-body-medium', textAlign: 'center', whiteSpace: 'nowrap', h: '$size-small',