diff --git a/src/views/dashboard/admin/components/PanelGroup.vue b/src/views/dashboard/admin/components/PanelGroup.vue
index 6441e05..c69d295 100644
--- a/src/views/dashboard/admin/components/PanelGroup.vue
+++ b/src/views/dashboard/admin/components/PanelGroup.vue
@@ -125,10 +125,10 @@ export default {
       font-size: 48px;
     }
     .card-panel-description {
-      float: right;
+      // float: right;
       font-weight: bold;
       margin: 26px;
-      margin-left: 0px;
+      margin-left: 120px;
       .card-panel-text {
         line-height: 18px;
         color: rgba(0, 0, 0, 0.45);
@@ -140,5 +140,30 @@ export default {
       }
     }
   }
+  @media only screen and (max-width: 768px) {
+    .card-panel-icon-wrapper {
+      float: none!important;
+      text-align: center;
+      margin: 0!important;
+      border-radius: 0!important;
+      padding: 1rem 0 1rem 0!important;
+    }
+    .card-panel-icon {
+      float: none!important;
+      font-size: 2.2rem!important;
+    }
+    .card-panel-description {
+      float: none!important;
+      font-weight: bold;
+      text-align: center;
+      margin: .5rem 0 0 0!important;
+      .card-panel-text {
+        display: none;
+      }
+      .card-panel-num {
+        font-size: 1rem!important;
+      }
+    }
+  }
 }
 </style>