diff --git a/src/styles/styles.ts b/src/styles/styles.ts index bae9d2d3d142..7dc96a16b022 100644 --- a/src/styles/styles.ts +++ b/src/styles/styles.ts @@ -480,7 +480,9 @@ const styles = (theme: ThemeDefault) => borderRadius: variables.buttonBorderRadius, minHeight: variables.componentSizeLarge, justifyContent: 'center', + alignItems: 'center', ...spacing.ph3, + ...spacing.pv0, }, buttonContainer: { @@ -507,18 +509,14 @@ const styles = (theme: ThemeDefault) => buttonSmall: { borderRadius: variables.buttonBorderRadius, minHeight: variables.componentSizeSmall, - paddingTop: 4, paddingHorizontal: 14, - paddingBottom: 4, backgroundColor: theme.buttonDefaultBG, }, buttonMedium: { borderRadius: variables.buttonBorderRadius, minHeight: variables.componentSizeNormal, - paddingTop: 12, paddingRight: 16, - paddingBottom: 12, paddingLeft: 16, backgroundColor: theme.buttonDefaultBG, }, @@ -526,9 +524,7 @@ const styles = (theme: ThemeDefault) => buttonLarge: { borderRadius: variables.buttonBorderRadius, minHeight: variables.componentSizeLarge, - paddingTop: 8, paddingRight: 10, - paddingBottom: 8, paddingLeft: 10, backgroundColor: theme.buttonDefaultBG, }, @@ -609,7 +605,6 @@ const styles = (theme: ThemeDefault) => }, buttonCTA: { - paddingVertical: 6, ...spacing.mh4, },