diff --git a/src/renderer/components/cluster-manager/bottom-bar.tsx b/src/renderer/components/cluster-manager/bottom-bar.tsx
index eeaa202eb3..27b5a10f3f 100644
--- a/src/renderer/components/cluster-manager/bottom-bar.tsx
+++ b/src/renderer/components/cluster-manager/bottom-bar.tsx
@@ -59,8 +59,8 @@ export class BottomBar extends React.Component {
           return (
             <div
               className={cssNames(styles.item, {
-                [styles.onLeft]: registration.components.position == "left",
-                [styles.onRight]: registration.components.position != "left",
+                [styles.onLeft]: registration.components?.position == "left",
+                [styles.onRight]: registration.components?.position != "left",
               })}
               key={index}
             >