diff --git a/src/lib/components/dualTimeView.svelte b/src/lib/components/dualTimeView.svelte
index 4798414cc..e6ee84fb0 100644
--- a/src/lib/components/dualTimeView.svelte
+++ b/src/lib/components/dualTimeView.svelte
@@ -8,6 +8,7 @@
         toISOString
     } from '$lib/helpers/date';
     import { Badge, InteractiveText, Layout, Popover, Typography } from '@appwrite.io/pink-svelte';
+    import { menuOpen } from '$lib/components/menu/store';
 
     export let time: string = '';
     export let placement: ComponentProps<Popover>['placement'] = 'bottom';
@@ -77,7 +78,7 @@
 <Popover let:show let:hide {placement} portal>
     <button
         on:mouseenter={() => {
-            if (!document.getElementById('actionmenuopen')) {
+            if (!$menuOpen) {
                 setTimeout(show, 150);
             }
         }}
diff --git a/src/lib/components/menu/menu.svelte b/src/lib/components/menu/menu.svelte
index 7e0530425..1f5baf29a 100644
--- a/src/lib/components/menu/menu.svelte
+++ b/src/lib/components/menu/menu.svelte
@@ -1,6 +1,8 @@
 <script lang="ts">
     import { Card } from '@appwrite.io/pink-svelte';
     import { createMenubar, melt } from '@melt-ui/svelte';
+    import { writable } from 'svelte/store';
+    import { menuOpen } from '$lib/components/menu/store';
 
     const {
         elements: { menubar },
@@ -15,6 +17,8 @@
     function toggle() {
         open.update((state) => !state);
     }
+
+    $: menuOpen.set($open);
 </script>
 
 <div use:melt={$menubar}>
diff --git a/src/lib/components/menu/store.ts b/src/lib/components/menu/store.ts
new file mode 100644
index 000000000..571b30b82
--- /dev/null
+++ b/src/lib/components/menu/store.ts
@@ -0,0 +1,3 @@
+import { writable } from 'svelte/store';
+
+export const menuOpen = writable(false);