diff --git a/website/client/src/components/inventory/equipment/attributesPopover.vue b/website/client/src/components/inventory/equipment/attributesPopover.vue
index 4672bddd6f..335405f909 100644
--- a/website/client/src/components/inventory/equipment/attributesPopover.vue
+++ b/website/client/src/components/inventory/equipment/attributesPopover.vue
@@ -5,7 +5,7 @@
         {{ `${$t('lockedItem')}` }}
       </h4>
       <div
-        v-if="item.specialClass"
+        v-if="isWrongClass"
         class="popover-content-text"
       >
         {{ `${$t('classLockedItem')}` }}
@@ -71,6 +71,11 @@ export default {
       }
       return this.item.notes;
     },
+    isWrongClass () {
+      const wrongKlass = this.item.klass && !['special', 'armoire', this.user.stats.class].includes(this.item.klass);
+      const wrongSpecialClass = this.item.klass === 'special' && this.item.specialClass && this.item.specialClass !== this.user.stats.class;
+      return wrongKlass || wrongSpecialClass;
+    },
   },
 };
 </script>