设置min-width:30em的输入框填入30个M仍留白，如何解决？

我设置了一个输入框，样式包含min-width:30em，同时设置了max-size:30。当输入30个M字符后，输入框内出现空白区域，而且min-width增大了输入框的实际尺寸。

目前我使用box-sizing:border-box，如果换成content-box，空白区域会更大。排查后确认问题和margin、padding及box-sizing无关；尝试移除font-family后，文本宽度减小，但容器宽度没有变化。

附上：

• 输入框显示空白区域的截图
• 容器布局分析截图

预期效果是输入框能被内容完全填满，没有空白区域。

内容的提问来源于stack exchange，提问作者Alejandro Palacios Sanz