React+TypeScript中提交按钮无法嵌入输入框且换行问题求助

正在跟随教程开发TypeScript/React应用，目标实现带提交按钮的输入框，但目前提交按钮不在同一行，也无法嵌入输入框内部。已经尝试过display:flex、inline-block等CSS布局方式，问题仍未解决。

当前效果 #

输入框与按钮布局异常截图

相关代码 #

App.tsx #

// 此处粘贴你的App.tsx代码

InputField组件 #

// 此处粘贴InputField组件的TypeScript代码

对应CSS样式 #

// 此处粘贴相关CSS代码

求各位帮忙排查问题，给出可行的解决方法。

内容的提问来源于stack exchange，提问作者Evan Jones