Block text field and number field change height on hover

[mollykreis]

🐛 Bug Report

The nimble-text-field and the nimble-number-field both change height when they are hovered while in block appearance.

💻 Repro or Code Sample

The issue is easiest to see on the storybook docs page for either component. For example:

1. Go to the number field docs page in storybook
2. Change the appearance to block
3. Hover over the control
4. Notice the height of the component changes when the component is hovered/unhovered

🤔 Expected Behavior

The component's height shouldn't change when hovered.

😯 Current Behavior

Both components get 1px shorter when hovered while having the block appearance.

💁 Possible Solution

🔦 Context

🌍 Your Environment

• OS & Device: [e.g. MacOS, iOS, Windows, Linux] on [iPhone 7, PC]
• Browser [e.g. Microsoft Edge, Google Chrome, Apple Safari, Mozilla FireFox]
• Version [e.g. 1.8.0]