diff --git a/src/components/UIShell/GlobalHeader/HeaderAction.svelte b/src/components/UIShell/GlobalHeader/HeaderAction.svelte
index 737f0c08..d344aab5 100644
--- a/src/components/UIShell/GlobalHeader/HeaderAction.svelte
+++ b/src/components/UIShell/GlobalHeader/HeaderAction.svelte
@@ -1,7 +1,7 @@
 <script>
   export let type = undefined;
   export let icon = undefined;
-  export let componentIsActive = undefined;
+  export let isOpen = undefined;
 
   let elRigthPanel = undefined;
 
@@ -12,7 +12,7 @@
   function mouseUp({ target }) {
     if (target && elRigthPanel) {
       if (!elRigthPanel.contains(target)) {
-        componentIsActive = false;
+        isOpen = false;
       }
     }
   }
@@ -23,14 +23,14 @@
 <div id="right-panel-action-component">
   <button
     aria-label={type}
-    class={cx('--header__action', componentIsActive && '--header__action--active')}
+    class={cx('--header__action', isOpen && '--header__action--active')}
     type="button"
     on:click={() => {
-      componentIsActive = true;
+      isOpen = true;
     }}>
     <Icon {...icon} />
   </button>
-  {#if componentIsActive}
+  {#if isOpen}
     <div
       bind:this={elRigthPanel}
       id="right-panel-action-component-form"