diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 5d922b0a..b52dbde5 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -22,7 +22,7 @@
         </div>
       </el-col>-->
 
-      <el-col :xs="24"  :lg="6" class="card-panel-col">
+      <el-col :xs="24" :sm="12"  :lg="6" class="card-panel-col">
         <div class="card-panel">
           <div class="card-panel-icon-wrapper icon-people">
             <svg-icon icon-class="peoples" class-name="card-panel-icon"/>
@@ -36,7 +36,7 @@
         </div>
       </el-col>
 
-      <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <el-col :xs="24" :sm="12" :lg="6" class="card-panel-col">
         <div class="card-panel">
           <div class="card-panel-icon-wrapper icon-message">
             <svg-icon icon-class="message" class-name="card-panel-icon" />
@@ -50,7 +50,7 @@
         </div>
       </el-col>
 
-      <el-col :xs="24"  :lg="6" class="card-panel-col">
+      <el-col :xs="24" :sm="12" :lg="6" class="card-panel-col">
         <div class="card-panel">
           <div class="card-panel-icon-wrapper icon-money">
             <svg-icon icon-class="money" class-name="card-panel-icon"/>
@@ -63,7 +63,7 @@
           </div>
         </div>
       </el-col>
-      <el-col :xs="24"  :lg="6" class="card-panel-col">
+      <el-col :xs="24" :sm="12"  :lg="6" class="card-panel-col">
         <div class="card-panel">
           <div class="card-panel-icon-wrapper icon-shopping">
             <svg-icon icon-class="shopping" class-name="card-panel-icon"/>