diff --git a/src/components/CommandCard.vue b/src/components/CommandCard.vue
index bfd85d1..0501876 100644
--- a/src/components/CommandCard.vue
+++ b/src/components/CommandCard.vue
@@ -121,7 +121,11 @@
             <q-avatar
               square
               size="48px"
-              :class="{ featureIco: 1, featureIcoHover: isWarpperHover }"
+              :class="{
+                featureIco: 1,
+                featureIcoHover: isWarpperHover,
+                'feature-disabled': !isCommandActivated
+              }"
             >
               <img :src="commandInfo.features.icon" />
             </q-avatar>
@@ -490,4 +494,9 @@ export default {
   transform: translateY(0);
   visibility: visible;
 }
+
+.feature-disabled {
+  opacity: 0.5;
+  filter: grayscale(100%);
+}
 </style>