diff --git a/src/pages/Shelving/ShelvingList.vue b/src/pages/Shelving/ShelvingList.vue
index ca4050cfc..3b7f84343 100644
--- a/src/pages/Shelving/ShelvingList.vue
+++ b/src/pages/Shelving/ShelvingList.vue
@@ -74,6 +74,7 @@ function viewSummary(id) {
                     <CardList2
                         v-for="row of rows"
                         :key="row.id"
+                        :id="row.id"
                         :title="row.code"
                         @click="navigate(row.id)"
                     >
@@ -93,16 +94,16 @@ function viewSummary(id) {
                             <QBtn
                                 :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                                color="primary"
-                                type="submit"
+                                color="white"
+                                outline
+                                type="reset"
                             />
                             <QBtn
                                 :label="t('components.smartCard.openSummary')"
                                 @click.stop="viewSummary(row.id)"
                                 color="primary"
-                                flat
                                 style="margin-top: 15px"
-                                type="reset"
+                                type="submit"
                             />
                         </template>
                     </CardList2>
diff --git a/src/router/modules/shelving.js b/src/router/modules/shelving.js
index d8d8d131a..ec3843c64 100644
--- a/src/router/modules/shelving.js
+++ b/src/router/modules/shelving.js
@@ -5,7 +5,7 @@ export default {
     name: 'Shelving',
     meta: {
         title: 'shelving',
-        icon: 'vn:trolley'
+        icon: 'vn:inventory'
     },
     component: RouterView,
     redirect: { name: 'ShelvingMain' },