diff --git a/components/badge/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/badge/__tests__/__snapshots__/demo-extend.test.ts.snap
index 6c09459b7d..35b3f831a1 100644
--- a/components/badge/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/badge/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -1727,7 +1727,7 @@ exports[`renders ./components/badge/demo/overflow.tsx extend context correctly 1
 </div>
 `;
 
-exports[`renders ./components/badge/demo/ribbbon.tsx extend context correctly 1`] = `
+exports[`renders ./components/badge/demo/ribbon.tsx extend context correctly 1`] = `
 <div
   class="ant-space ant-space-vertical"
   style="width:100%"
diff --git a/components/badge/__tests__/__snapshots__/demo.test.ts.snap b/components/badge/__tests__/__snapshots__/demo.test.ts.snap
index bc6c23f2a3..86da82b9fc 100644
--- a/components/badge/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/badge/__tests__/__snapshots__/demo.test.ts.snap
@@ -1727,7 +1727,7 @@ exports[`renders ./components/badge/demo/overflow.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`renders ./components/badge/demo/ribbbon.tsx correctly 1`] = `
+exports[`renders ./components/badge/demo/ribbon.tsx correctly 1`] = `
 <div
   class="ant-space ant-space-vertical"
   style="width:100%"
diff --git a/components/badge/demo/ribbbon.tsx b/components/badge/demo/ribbon.tsx
similarity index 100%
rename from components/badge/demo/ribbbon.tsx
rename to components/badge/demo/ribbon.tsx
diff --git a/components/badge/index.en-US.md b/components/badge/index.en-US.md
index eda50d0561..2a3e86b189 100644
--- a/components/badge/index.en-US.md
+++ b/components/badge/index.en-US.md
@@ -26,7 +26,7 @@ Badge normally appears in proximity to notifications or user avatars with eye-ca
 <code src="./demo/size.tsx">Size</code>
 <code src="./demo/status.tsx">Status</code>
 <code src="./demo/colorful.tsx">Colorful Badge</code>
-<code src="./demo/ribbbon.tsx">Ribbon</code>
+<code src="./demo/ribbon.tsx">Ribbon</code>
 <code src="./demo/ribbon-debug.tsx" debug>Ribbon Debug</code>
 <code src="./demo/mix.tsx" debug>Mixed usage</code>
 <code src="./demo/title.tsx" debug>Title</code>
diff --git a/components/badge/index.zh-CN.md b/components/badge/index.zh-CN.md
index 7245fc6c25..9acc1d9723 100644
--- a/components/badge/index.zh-CN.md
+++ b/components/badge/index.zh-CN.md
@@ -27,7 +27,7 @@ group: 数据展示
 <code src="./demo/size.tsx">大小</code>
 <code src="./demo/status.tsx">状态点</code>
 <code src="./demo/colorful.tsx">多彩徽标</code>
-<code src="./demo/ribbbon.tsx">缎带</code>
+<code src="./demo/ribbon.tsx">缎带</code>
 <code src="./demo/ribbon-debug.tsx" debug>Ribbon Debug</code>
 <code src="./demo/mix.tsx" debug>各种混用的情况</code>
 <code src="./demo/title.tsx" debug>自定义标题</code>