diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 7816c9219..996d27151 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -7,7 +7,7 @@
 - `n-breadcrumb-item` add `href` prop.
 
 ### Fixes
-
+- Fix `n-form-item`'s content is too long and the width is incorrect
 - Fix `n-layout-sider`'s `arrow-circle`'s icon style.
 - Fix `n-upload`'s `show-preview-button` prop not working，closes [#1238](https://github.com/TuSimple/naive-ui/issues/1238).
 
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index 96affb408..5a51b99c3 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -3,7 +3,7 @@
 ## Pending
 
 ### Fixes
-
+- 修复 `n-form-item` 中组件内容过长影响 `n-form-item` 宽度
 - 修复 `n-layout-sider` 中 `arrow-circle` 的 icon 样式
 - 修复 `n-upload` 的 `show-preview-button` 属性失效，关闭 [#1238](https://github.com/TuSimple/naive-ui/issues/1238)
 
diff --git a/src/form/src/styles/form-item.cssr.ts b/src/form/src/styles/form-item.cssr.ts
index c5bc18036..491920d64 100644
--- a/src/form/src/styles/form-item.cssr.ts
+++ b/src/form/src/styles/form-item.cssr.ts
@@ -47,7 +47,7 @@ export default cB('form-item', {
     grid-template-areas:
       "label blank"
       "label feedback";
-    grid-template-columns: auto 1fr;
+    grid-template-columns: auto minmax(0, 1fr);
   `, [
     cB('form-item-label', `
       height: var(--blank-height);