diff --git a/packages/core/src/renderer/components/hotbar/hotbar-entity-icon.tsx b/packages/core/src/renderer/components/hotbar/hotbar-entity-icon.tsx
index dc44bae765..e1d2433bde 100644
--- a/packages/core/src/renderer/components/hotbar/hotbar-entity-icon.tsx
+++ b/packages/core/src/renderer/components/hotbar/hotbar-entity-icon.tsx
@@ -95,17 +95,6 @@ class NonInjectedHotbarEntityIcon extends React.Component<HotbarEntityIconProps
     });
   }
 
-  get entityBackground() {
-    const { entity, getClusterById } = this.props;
-    const cluster = getClusterById(entity.metadata.uid);
-
-    if (cluster) {
-      return cluster.preferences?.iconBackgroundColor;
-    }
-
-    return entity.spec.icon?.background;
-  }
-
   render() {
     const { entity, className, onClick } = this.props;
 
@@ -116,7 +105,7 @@ class NonInjectedHotbarEntityIcon extends React.Component<HotbarEntityIconProps
         source={entity.metadata.source}
         src={entity.spec.icon?.src}
         material={entity.spec.icon?.material}
-        background={this.entityBackground}
+        background={entity.spec.icon?.background}
         className={className}
         active={this.isActive(entity)}
         onMenuOpen={() => this.onMenuOpen()}