diff --git a/src/packages/cell/demos/h5/demo4.tsx b/src/packages/cell/demos/h5/demo4.tsx
index 6ecce22100..0ef6c221c2 100644
--- a/src/packages/cell/demos/h5/demo4.tsx
+++ b/src/packages/cell/demos/h5/demo4.tsx
@@ -2,6 +2,8 @@ import React from 'react'
 import { Cell, Switch } from '@nutui/nutui-react'
 
 const App = () => {
-  return <Cell title="Switch" extra={<Switch defaultChecked />} />
+  return (
+    <Cell title="Switch" align="center" extra={<Switch defaultChecked />} />
+  )
 }
 export default App
diff --git a/src/packages/cell/demos/taro/demo4.tsx b/src/packages/cell/demos/taro/demo4.tsx
index cb4016b621..8fa1cdf0e9 100644
--- a/src/packages/cell/demos/taro/demo4.tsx
+++ b/src/packages/cell/demos/taro/demo4.tsx
@@ -4,7 +4,7 @@ import { Cell, Switch } from '@nutui/nutui-react-taro'
 const App = () => {
   return (
     <Cell.Group>
-      <Cell title="Switch" extra={<Switch defaultChecked />} />
+      <Cell title="Switch" align="center" extra={<Switch defaultChecked />} />
     </Cell.Group>
   )
 }