diff --git a/src/renderer/components/layout/main-layout-header.tsx b/src/renderer/components/layout/main-layout-header.tsx
index b5d216123f..4fb6b69f9b 100644
--- a/src/renderer/components/layout/main-layout-header.tsx
+++ b/src/renderer/components/layout/main-layout-header.tsx
@@ -15,20 +15,20 @@ export const MainLayoutHeader = observer(({ cluster, className }: Props) => {
   const actions = ClusterActions(cluster);
   const renderMenu = () => (
     <MenuActions autoCloseOnSelect className="ClusterActionsMenu">
-    <MenuItem onClick={actions.showSettings}>
-      <span>Settings</span>
-    </MenuItem>
-    <MenuItem onClick={actions.disconnect}>
-      <span>Disconnect</span>
-    </MenuItem>
-    {
-       !cluster.isManaged && (
-         <MenuItem onClick={actions.remove}>
+      <MenuItem onClick={actions.showSettings}>
+        <span>Settings</span>
+      </MenuItem>
+      <MenuItem onClick={actions.disconnect}>
+        <span>Disconnect</span>
+      </MenuItem>
+      {
+        !cluster.isManaged && (
+          <MenuItem onClick={actions.remove}>
 	       <span>Remove</span>
 	     </MenuItem> 
-       )
-    }
-  </MenuActions>;
+        )
+      }
+    </MenuActions>);
 
   return (
     <header className={cssNames("flex gaps align-center justify-space-between", className)}>