diff --git a/client/src/views/dashboard/index.vue b/client/src/views/dashboard/index.vue
index 990e16e..7922e2e 100644
--- a/client/src/views/dashboard/index.vue
+++ b/client/src/views/dashboard/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="dashboard-container">
       <el-row :gutter="40" class="panel-group">
-        <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+        <el-col :xs="12" :sm="12" :lg="12" :xl="6" class="card-panel-col">
       <div class="card-panel" @click="toPath('/qualification')">
         <div class="card-panel-icon-wrapper icon-money">
           <svg-icon icon-class="table" class-name="card-panel-icon" />
@@ -14,7 +14,7 @@
         </div>
       </div>
     </el-col>
-    <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+    <el-col :xs="12" :sm="12" :lg="12" :xl="6" class="card-panel-col">
       <div class="card-panel" @click="toPath('/cma')">
         <div class="card-panel-icon-wrapper icon-people">
           <svg-icon icon-class="table" class-name="card-panel-icon" />
@@ -27,7 +27,7 @@
         </div>
       </div>
     </el-col>
-    <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+    <el-col :xs="12" :sm="12" :lg="12" :xl="6" class="card-panel-col">
       <div class="card-panel" @click="toPath('/cma2')">
         <div class="card-panel-icon-wrapper icon-message">
           <svg-icon icon-class="table" class-name="card-panel-icon" />
@@ -40,7 +40,7 @@
         </div>
       </div>
     </el-col>
-    <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+    <el-col :xs="12" :sm="12" :lg="12"  :xl="6" class="card-panel-col">
       <div class="card-panel" >
         <div class="card-panel-icon-wrapper icon-money">
           <svg-icon icon-class="table" class-name="card-panel-icon" />
@@ -175,7 +175,7 @@ export default {
   }
 }
 
-@media (max-width:550px) {
+@media (max-width:800px) {
   .card-panel-icon-wrapper {
     float: none !important;
     width: 100%;