diff --git a/src/UIShell/GlobalHeader/HeaderAction.svelte b/src/UIShell/GlobalHeader/HeaderAction.svelte
index 6480f2d1..74759bb1 100644
--- a/src/UIShell/GlobalHeader/HeaderAction.svelte
+++ b/src/UIShell/GlobalHeader/HeaderAction.svelte
@@ -66,7 +66,7 @@
     class:action-text={text}
     {...$$restProps}
     on:click
-    on:click={() => {
+    on:click|stopPropagation={() => {
       isOpen = !isOpen;
       dispatch(isOpen ? 'open' : 'close');
     }}>
diff --git a/src/UIShell/UIShell.Story.svelte b/src/UIShell/UIShell.Story.svelte
index 46fd17c4..04f5883f 100644
--- a/src/UIShell/UIShell.Story.svelte
+++ b/src/UIShell/UIShell.Story.svelte
@@ -109,6 +109,8 @@
     focusable: false,
     style: undefined,
   };
+
+  let isOpen = !true;
 </script>
 
 {#if story === 'header'}
@@ -169,8 +171,8 @@
     <HeaderUtilities>
       <HeaderAction
         type="Switcher"
-        icon={iSwitcher}
-        isOpen
+        icon={isOpen ? iAccount : iSwitcher}
+        bind:isOpen
         on:open={() => {
           console.log('on:open');
         }}