diff --git a/src/pages/demo/chart/demo/PieBase.vue b/src/pages/demo/chart/demo/PieBase.vue
index e651ffdc..04ff22b3 100644
--- a/src/pages/demo/chart/demo/PieBase.vue
+++ b/src/pages/demo/chart/demo/PieBase.vue
@@ -1,6 +1,6 @@
 <template>
   <Container type="ghost" :responsive="true">
-    <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
+    <ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
       <G2PieBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2PieBase>
     </ChartDemoCard>
     <el-card>
diff --git a/src/pages/demo/chart/demo/areaBase.vue b/src/pages/demo/chart/demo/areaBase.vue
index 5b59f7c4..b72708ea 100644
--- a/src/pages/demo/chart/demo/areaBase.vue
+++ b/src/pages/demo/chart/demo/areaBase.vue
@@ -1,6 +1,6 @@
 <template>
   <Container type="ghost" :responsive="true">
-    <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
+    <ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
       <G2AreaBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2AreaBase>
     </ChartDemoCard>
     <el-card>
diff --git a/src/pages/demo/chart/demo/barBase.vue b/src/pages/demo/chart/demo/barBase.vue
index 1bd4a091..6359cfda 100644
--- a/src/pages/demo/chart/demo/barBase.vue
+++ b/src/pages/demo/chart/demo/barBase.vue
@@ -1,6 +1,6 @@
 <template>
   <Container type="ghost" :responsive="true">
-    <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
+    <ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
       <G2BarBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2BarBase>
     </ChartDemoCard>
     <el-card>
diff --git a/src/pages/demo/chart/demo/columnBase.vue b/src/pages/demo/chart/demo/columnBase.vue
index 77c9447b..d49d717c 100644
--- a/src/pages/demo/chart/demo/columnBase.vue
+++ b/src/pages/demo/chart/demo/columnBase.vue
@@ -1,6 +1,6 @@
 <template>
   <Container type="ghost" :responsive="true">
-    <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
+    <ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
       <G2ColumnBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2ColumnBase>
     </ChartDemoCard>
     <el-card>
diff --git a/src/pages/demo/chart/demo/lineBase.vue b/src/pages/demo/chart/demo/lineBase.vue
index 36354672..24cef226 100644
--- a/src/pages/demo/chart/demo/lineBase.vue
+++ b/src/pages/demo/chart/demo/lineBase.vue
@@ -1,6 +1,6 @@
 <template>
   <Container type="ghost" :responsive="true">
-    <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
+    <ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
       <G2LineBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2LineBase>
     </ChartDemoCard>
     <el-card>
diff --git a/src/pages/demo/chart/demo/lineStep.vue b/src/pages/demo/chart/demo/lineStep.vue
index 4a47b167..b28682d5 100644
--- a/src/pages/demo/chart/demo/lineStep.vue
+++ b/src/pages/demo/chart/demo/lineStep.vue
@@ -1,6 +1,6 @@
 <template>
   <Container type="ghost" :responsive="true">
-    <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
+    <ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
       <G2LineStep slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2LineStep>
     </ChartDemoCard>
     <el-card>
diff --git a/src/pages/demo/chart/demo/nightingaleRoseBase.vue b/src/pages/demo/chart/demo/nightingaleRoseBase.vue
index a472a365..aeaf3193 100644
--- a/src/pages/demo/chart/demo/nightingaleRoseBase.vue
+++ b/src/pages/demo/chart/demo/nightingaleRoseBase.vue
@@ -1,6 +1,6 @@
 <template>
   <Container type="ghost" :responsive="true">
-    <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
+    <ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
       <G2NightingaleRoseBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2NightingaleRoseBase>
     </ChartDemoCard>
     <el-card>
diff --git a/src/pages/demo/chart/demo/radarBase.vue b/src/pages/demo/chart/demo/radarBase.vue
index 2140826e..874fc977 100644
--- a/src/pages/demo/chart/demo/radarBase.vue
+++ b/src/pages/demo/chart/demo/radarBase.vue
@@ -1,6 +1,6 @@
 <template>
   <Container type="ghost" :responsive="true">
-    <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
+    <ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
       <G2RadarBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2RadarBase>
     </ChartDemoCard>
     <el-card>