diff --git a/web/src/lib/components/elements/buttons/circle-icon-button.svelte b/web/src/lib/components/elements/buttons/circle-icon-button.svelte
index 9b8fea2978..732ebc9dfb 100644
--- a/web/src/lib/components/elements/buttons/circle-icon-button.svelte
+++ b/web/src/lib/components/elements/buttons/circle-icon-button.svelte
@@ -84,6 +84,7 @@
   $: colorClass = colorClasses[color];
   $: mobileClass = hideMobile ? 'hidden sm:flex' : '';
   $: paddingClass = paddingClasses[padding];
+  $: recalculatePosition(title);
 
   const id = $$restProps.id ?? generateId();
 
@@ -124,6 +125,12 @@
       left = box.left + box.width / 2 - offsetWidth / 2;
     });
   };
+
+  const recalculatePosition = (title: string) => {
+    if (showPopover && title) {
+      onShowPopover();
+    }
+  };
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions -->