diff --git a/components/badge/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/badge/__tests__/__snapshots__/demo-extend.test.ts.snap
index e5231453e9..03cfd35a1b 100644
--- a/components/badge/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/badge/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -1976,11 +1976,7 @@ exports[`renders components/badge/demo/ribbon.tsx extend context correctly 1`] =
         <span
           class="ant-ribbon-text"
         >
-          <div>
-            Hippies
-            <br />
-            Happy
-          </div>
+          Hippies
         </span>
         <div
           class="ant-ribbon-corner"
diff --git a/components/badge/__tests__/__snapshots__/demo.test.ts.snap b/components/badge/__tests__/__snapshots__/demo.test.ts.snap
index 095efe11d3..52a4a358e9 100644
--- a/components/badge/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/badge/__tests__/__snapshots__/demo.test.ts.snap
@@ -1977,11 +1977,7 @@ exports[`renders components/badge/demo/ribbon.tsx correctly 1`] = `
         <span
           class="ant-ribbon-text"
         >
-          <div>
-            Hippies
-            <br />
-            Happy
-          </div>
+          Hippies
         </span>
         <div
           class="ant-ribbon-corner"
diff --git a/components/badge/demo/ribbon.tsx b/components/badge/demo/ribbon.tsx
index 4770cd9bfa..a58e16f09e 100644
--- a/components/badge/demo/ribbon.tsx
+++ b/components/badge/demo/ribbon.tsx
@@ -1,5 +1,5 @@
-import React from 'react';
 import { Badge, Card, Space } from 'antd';
+import React from 'react';
 
 const App: React.FC = () => (
   <Space direction="vertical" size="middle" style={{ width: '100%' }}>
@@ -8,12 +8,7 @@ const App: React.FC = () => (
         and raises the spyglass.
       </Card>
     </Badge.Ribbon>
-    <Badge.Ribbon text={
-        <div>
-          Hippies <br />
-          Happy
-        </div>
-      } color="pink">
+    <Badge.Ribbon text="Hippies" color="pink">
       <Card title="Pushes open the window" size="small">
         and raises the spyglass.
       </Card>