diff --git a/src/components/Table/CardTable/DataCardTable/InfoPanel.vue b/src/components/Table/SmallCardTable/Info.vue
similarity index 100%
rename from src/components/Table/CardTable/DataCardTable/InfoPanel.vue
rename to src/components/Table/SmallCardTable/Info.vue
diff --git a/src/components/Table/CardTable/DataCardTable/CardPanel.vue b/src/components/Table/SmallCardTable/Panel.vue
similarity index 97%
rename from src/components/Table/CardTable/DataCardTable/CardPanel.vue
rename to src/components/Table/SmallCardTable/Panel.vue
index 473446a96..68b55d64f 100644
--- a/src/components/Table/CardTable/DataCardTable/CardPanel.vue
+++ b/src/components/Table/SmallCardTable/Panel.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="account-panel">
-    <el-row :gutter="20">
+    <el-row :gutter="20" class="panel-header">
       <el-col :span="21">
         <div class="title">
           <span>{{ object.name }}</span>
@@ -37,11 +37,12 @@
         />
       </el-col>
     </el-row>
+    <el-row class="panel-footer" />
   </div>
 </template>
 
 <script>
-import InfoPanel from './InfoPanel'
+import InfoPanel from './Info.vue'
 
 export default {
   name: 'CardPanel',
diff --git a/src/components/Table/CardTable/DataCardTable/index.vue b/src/components/Table/SmallCardTable/index.vue
similarity index 93%
rename from src/components/Table/CardTable/DataCardTable/index.vue
rename to src/components/Table/SmallCardTable/index.vue
index 4c848c7ec..90b2156c8 100644
--- a/src/components/Table/CardTable/DataCardTable/index.vue
+++ b/src/components/Table/SmallCardTable/index.vue
@@ -18,7 +18,7 @@
 
 <script type="text/jsx">
 import CardTable from '@/components/Table/CardTable/index.vue'
-import CardPanel from './CardPanel.vue'
+import CardPanel from './Panel.vue'
 
 export default {
   name: 'SmallCard',
@@ -37,8 +37,7 @@ export default {
     }
   },
   data() {
-    return {
-    }
+    return {}
   },
   methods: {
     reloadTable() {
diff --git a/src/views/assets/Cloud/Account/AccountList.vue b/src/views/assets/Cloud/Account/AccountList.vue
index 6dc3c042d..6d48ba90b 100644
--- a/src/views/assets/Cloud/Account/AccountList.vue
+++ b/src/views/assets/Cloud/Account/AccountList.vue
@@ -24,7 +24,7 @@ import { lan, privateCloudProviders, publicCloudProviders } from '../const'
 import CreateDialog from './components/CreateDialog.vue'
 import UpdateDialog from './components/UpdateDialog.vue'
 import SyncDialog from './components/SyncDialog.vue'
-import SmallCard from '@/components/Table/CardTable/DataCardTable/index.vue'
+import SmallCard from '@/components/Table/SmallCardTable/index.vue'
 import { ACCOUNT_PROVIDER_ATTRS_MAP } from '@/views/assets/Cloud/const'
 import { toSafeLocalDateStr } from '@/utils/time'