diff --git a/src/resources/assets/js/components/dismissImageGridImage.vue b/src/resources/assets/js/components/dismissImageGridImage.vue
index 547e9801..e828f416 100644
--- a/src/resources/assets/js/components/dismissImageGridImage.vue
+++ b/src/resources/assets/js/components/dismissImageGridImage.vue
@@ -73,7 +73,8 @@ export default {
         },
         specialClassObject() {
             let obj = Object.assign({}, this.classObject);
-            obj['image-grid__image--small-icon'] ||= this.pinnable && this.hovered;
+            obj['image-grid__image--small-icon'] = obj['image-grid__image--small-icon'] || this.pinnable && this.hovered;
+            obj['image-grid__image--fade'] = obj['image-grid__image--fade'] && !(this.pinnable && this.hovered);
 
             return obj;
         },