Expected Behavior

The RangeInput should be centered and contained within the FormField

Actual Behavior

The RangeInput extends beyond the edge of the FormField and is not centered. Note this is happening in both the grommet and hpe themes but it is easier to see in the hpe theme.

URL, screen shot, or Codepen exhibiting the issue

https://codesandbox.io/s/grommet-v2-template-forked-jhtmrp?file=/index.js

Steps to Reproduce

1. See codesandbox above

Your Environment

• Grommet version: 2.27.0
• Browser Name and version: Chrome
• Operating System and version (desktop or mobile):