diff --git a/web/default/src/pages/Redemption/index.js b/web/default/src/pages/Redemption/index.js
index c0649412..364a8c81 100644
--- a/web/default/src/pages/Redemption/index.js
+++ b/web/default/src/pages/Redemption/index.js
@@ -1,14 +1,16 @@
 import React from 'react';
-import { Segment, Header } from 'semantic-ui-react';
+import { Card } from 'semantic-ui-react';
 import RedemptionsTable from '../../components/RedemptionsTable';
 
 const Redemption = () => (
-  <>
-    <Segment>
-      <Header as='h3'>管理兑换码</Header>
-      <RedemptionsTable/>
-    </Segment>
-  </>
+  <div className='dashboard-container'>
+    <Card fluid className='chart-card'>
+      <Card.Content>
+        <Card.Header className='header'>兑换管理</Card.Header>
+        <RedemptionsTable />
+      </Card.Content>
+    </Card>
+  </div>
 );
 
 export default Redemption;
diff --git a/web/default/src/pages/Token/index.js b/web/default/src/pages/Token/index.js
index d224ebbc..8745e0af 100644
--- a/web/default/src/pages/Token/index.js
+++ b/web/default/src/pages/Token/index.js
@@ -1,14 +1,16 @@
 import React from 'react';
-import { Segment, Header } from 'semantic-ui-react';
+import { Card } from 'semantic-ui-react';
 import TokensTable from '../../components/TokensTable';
 
 const Token = () => (
-  <>
-    <Segment>
-      <Header as='h3'>我的令牌</Header>
-      <TokensTable />
-    </Segment>
-  </>
+  <div className='dashboard-container'>
+    <Card fluid className='chart-card'>
+      <Card.Content>
+        <Card.Header className='header'>令牌管理</Card.Header>
+        <TokensTable />
+      </Card.Content>
+    </Card>
+  </div>
 );
 
 export default Token;
diff --git a/web/default/src/pages/User/index.js b/web/default/src/pages/User/index.js
index 29f7437a..099ebc30 100644
--- a/web/default/src/pages/User/index.js
+++ b/web/default/src/pages/User/index.js
@@ -1,14 +1,16 @@
 import React from 'react';
-import { Segment, Header } from 'semantic-ui-react';
+import { Card } from 'semantic-ui-react';
 import UsersTable from '../../components/UsersTable';
 
 const User = () => (
-  <>
-    <Segment>
-      <Header as='h3'>管理用户</Header>
-      <UsersTable/>
-    </Segment>
-  </>
+  <div className='dashboard-container'>
+    <Card fluid className='chart-card'>
+      <Card.Content>
+        <Card.Header className='header'>用户管理</Card.Header>
+        <UsersTable />
+      </Card.Content>
+    </Card>
+  </div>
 );
 
 export default User;