diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 7846c9036..67974d455 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## Pending
+
+### Fixes
+
+- Fix `n-color-picker` value has line wrap.
+
 ## 2.7.2
 
 ## Feats
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index ad8b1b7e7..f73031c1a 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## Pending
+
+### Fixes
+
+- 修正 `n-color-picker` 值折行
+
 ## 2.7.2
 
 ## Feats
diff --git a/src/color-picker/src/styles/index.cssr.ts b/src/color-picker/src/styles/index.cssr.ts
index 4af38e18c..30bf07d10 100644
--- a/src/color-picker/src/styles/index.cssr.ts
+++ b/src/color-picker/src/styles/index.cssr.ts
@@ -145,7 +145,10 @@ export default c([
     transition: border-color .3s var(--bezier);
     cursor: pointer;
   `, [
-    cE('value', 'position: relative;'),
+    cE('value', `
+      white-space: nowrap;
+      position: relative;
+    `),
     cE('fill', `
       border-radius: var(--border-radius);
       position: absolute;