diff --git a/.changeset/stale-clocks-cheat.md b/.changeset/stale-clocks-cheat.md new file mode 100644 index 000000000..00198a4fc --- /dev/null +++ b/.changeset/stale-clocks-cheat.md @@ -0,0 +1,5 @@ +--- +'@autoguru/overdrive': minor +--- + +Reduce padding in prefix input incon when the input measures 150px or less diff --git a/packages/overdrive/lib/components/private/InputBase/withEnhancedInput.css.ts b/packages/overdrive/lib/components/private/InputBase/withEnhancedInput.css.ts index 91f30ebf6..4155f18b9 100644 --- a/packages/overdrive/lib/components/private/InputBase/withEnhancedInput.css.ts +++ b/packages/overdrive/lib/components/private/InputBase/withEnhancedInput.css.ts @@ -67,7 +67,7 @@ export const inputItselfSize = { }), prefixed: styleVariants({ any: { - paddingLeft: `calc(${vars.space['2']} + ${vars.space['5']} + ${vars.space['2']})`, + paddingLeft: `calc(${vars.space['2']} + ${vars.space['4']} + ${vars.space['2']})`, }, textarea: { paddingLeft: `calc(${vars.space['2']} + ${vars.space['5']} + ${vars.space['2']})`, @@ -75,7 +75,7 @@ export const inputItselfSize = { }), suffixed: styleVariants({ any: { - paddingRight: `calc(${vars.space['2']} + ${vars.space['5']} + ${vars.space['2']})`, + paddingRight: `calc(${vars.space['2']} + ${vars.space['4']} + ${vars.space['2']})`, }, textarea: { paddingRight: `calc(${vars.space['2']} + ${vars.space['5']} + ${vars.space['2']})`,