diff --git a/src/pages/demo/components/icon/svg.vue b/src/pages/demo/components/icon/svg.vue
index 98d0b92f..82b0d455 100644
--- a/src/pages/demo/components/icon/svg.vue
+++ b/src/pages/demo/components/icon/svg.vue
@@ -4,7 +4,7 @@
       slot="header"
       title="SVG图标组件">
     </PageHeader>
-    <el-row :gutter="10">
+    <el-row>
       <el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">
         <IconSvg class="icon" :name="icon"></IconSvg>
         <div class="icon-title">
@@ -18,14 +18,19 @@
 <style lang="scss" scoped>
 @import '~@/assets/style/public.scss';
 .icon-card {
-  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  height: 150px;
 }
 .icon {
-  height: 100px;
-  width: 100px;
+  height: 80px;
+  width: 80px;
 }
 .icon-title {
   font-size: 12px;
+  margin-top: 10px;
   span {
     color: $color-text-sub;
   }