diff --git a/src/components/CommandCard.vue b/src/components/CommandCard.vue
index 37eebf8..2d41c3c 100644
--- a/src/components/CommandCard.vue
+++ b/src/components/CommandCard.vue
@@ -102,7 +102,7 @@
       <q-card
         @click="handleCardClick"
         v-ripple
-        :class="{ [`text-${disabledColor}`]: !isCommandActivated }"
+        :class="{ [`text-${disabledColor}`]: !isCommandActivated, command: 1 }"
       >
         <q-card-section>
           <!-- logo -->
@@ -416,12 +416,12 @@ export default {
 </script>
 
 <style scoped>
-.q-card {
+.q-card.command {
   cursor: pointer;
   user-select: none;
   background: #00000008;
 }
-.q-card--dark {
+.q-card--dark.command {
   background: #ffffff08;
 }
 .q-badge {
diff --git a/src/pages/ShareCenterPage.vue b/src/pages/ShareCenterPage.vue
index 5fbda86..3d79023 100644
--- a/src/pages/ShareCenterPage.vue
+++ b/src/pages/ShareCenterPage.vue
@@ -7,7 +7,7 @@
         v-for="count in currentPageCounts"
         :key="count"
       >
-        <q-card>
+        <q-card class="command">
           <q-item v-if="loading">
             <q-item-section avatar>
               <q-skeleton square width="48px" height="48px" animation="fade" />
@@ -261,12 +261,12 @@ export default {
 </script>
 
 <style scoped>
-.q-card {
+.q-card.command {
   user-select: none;
   padding: 8px;
   background: #00000008;
 }
-.q-card--dark {
+.q-card--dark.command {
   background: #ffffff08;
 }
 .tag {