diff --git a/src/renderer/components/cluster-icon/cluster-icon.scss b/src/renderer/components/cluster-icon/cluster-icon.scss
index f7e159a7c5..b8a87a07de 100644
--- a/src/renderer/components/cluster-icon/cluster-icon.scss
+++ b/src/renderer/components/cluster-icon/cluster-icon.scss
@@ -7,6 +7,12 @@
   user-select: none;
   cursor: pointer;
 
+  &.interactive {
+    img {
+      opacity: .55;
+    }
+  }
+
   &.active, &.interactive:hover {
     background-color: #fff;
 
@@ -16,7 +22,6 @@
   }
 
   img {
-    opacity: .55;
     width: var(--size);
     height: var(--size);
   }