diff --git a/src/renderer/components/cluster-manager/active-hotbar-name.tsx b/src/renderer/components/cluster-manager/active-hotbar-name.tsx
index 2db75187ec..63f8b583b9 100644
--- a/src/renderer/components/cluster-manager/active-hotbar-name.tsx
+++ b/src/renderer/components/cluster-manager/active-hotbar-name.tsx
@@ -33,7 +33,7 @@ export const ActiveHotbarName = observer(() => {
       data-testid="current-hotbar-name"
       onClick={() => CommandOverlay.open(<HotbarSwitchCommand />)}
     >
-      <Icon material="bookmarks" className="mr-2" style={{ "--size": "14px" } as React.CSSProperties}/>
+      <Icon material="bookmarks" className="mr-2" size={14}/>
       {HotbarStore.getInstance().getActive()?.name}
     </div>
   );