diff --git a/src/extensions/registries/status-bar-registry.ts b/src/extensions/registries/status-bar-registry.ts
index 59162ab742..e4864b5173 100644
--- a/src/extensions/registries/status-bar-registry.ts
+++ b/src/extensions/registries/status-bar-registry.ts
@@ -26,6 +26,11 @@ import { BaseRegistry } from "./base-registry";
 
 interface StatusBarComponents {
   Item?: React.ComponentType;
+  /**
+   * The side of the bottom bar to place this component.
+   *
+   * @default "right"
+   */
   position?: "left" | "right";
 }
 
diff --git a/src/renderer/components/cluster-manager/bottom-bar.tsx b/src/renderer/components/cluster-manager/bottom-bar.tsx
index 27b5a10f3f..eeaa202eb3 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}
             >