diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 0d87711319b..eedc6eb28fc 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## NEXT_VERSION
+
+### Fixes
+
+- Fix `n-button` content placeholder incorrect when displayed as block, closes [#3178](https://github.com/TuSimple/naive-ui/issues/3178).
+
 ## 2.30.6
 
 ### Fixes
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index 24291e7aace..cc5fee840ef 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## NEXT_VERSION
+
+### Fixes
+
+- 修复 `n-button` 显示为块级时内容占位不正确, 关闭 [#3178](https://github.com/TuSimple/naive-ui/issues/3178).
+
 ## 2.30.6
 
 ### Fixes
diff --git a/src/button/src/styles/index.cssr.ts b/src/button/src/styles/index.cssr.ts
index 5362a657c1c..df91b684432 100644
--- a/src/button/src/styles/index.cssr.ts
+++ b/src/button/src/styles/index.cssr.ts
@@ -212,6 +212,7 @@ export default c([
       display: flex;
       align-items: center;
       flex-wrap: nowrap;
+      min-width: 0;
     `, [
       c('~', [
         cE('icon', {