diff --git a/src/renderer/components/layout/main-layout-header.tsx b/src/renderer/components/layout/main-layout-header.tsx
index 384b511af0..6323724009 100644
--- a/src/renderer/components/layout/main-layout-header.tsx
+++ b/src/renderer/components/layout/main-layout-header.tsx
@@ -35,15 +35,17 @@ interface Props {
   className?: string
 }
 
+function navigateToCatalog() {
+  broadcastMessage(IpcRendererNavigationEvents.NAVIGATE_IN_APP, catalogURL());
+}
+
 export const MainLayoutHeader = observer(({ cluster, className }: Props) => {
   return (
     <header className={cssNames("flex gaps align-center justify-space-between", className)}>
       <span className="cluster">{cluster.name}</span>
-      <div className="closeIde">
+      <div>
         <MaterialTooltip title="Back to Catalog" placement="left">
-          <Icon style={{ cursor: "default" }} material="close" onClick={() =>
-            broadcastMessage(IpcRendererNavigationEvents.NAVIGATE_IN_APP, catalogURL())
-          } />
+          <Icon style={{ cursor: "default" }} material="close" onClick={navigateToCatalog}/>
         </MaterialTooltip>
       </div>
     </header>