diff --git a/src/components/NodeId.svelte b/src/components/NodeId.svelte
index 9c81622ae..86b671254 100644
--- a/src/components/NodeId.svelte
+++ b/src/components/NodeId.svelte
@@ -282,6 +282,7 @@
 <Popover
   popoverPadding="0"
   placement="bottom-start"
+  styleDisplay={inline ? "inline-flex" : undefined}
   bind:expanded={cardExpanded}>
   {#snippet toggle(_onclick)}
     <!-- svelte-ignore a11y_no_static_element_interactions -->
diff --git a/src/components/Popover.svelte b/src/components/Popover.svelte
index 0849c12da..5b443a909 100644
--- a/src/components/Popover.svelte
+++ b/src/components/Popover.svelte
@@ -29,6 +29,7 @@
     offset?: number;
     popoverPadding?: string;
     expanded?: boolean;
+    styleDisplay?: string;
   }
 
   /* eslint-disable prefer-const */
@@ -39,6 +40,7 @@
     offset: offsetPx = 4,
     popoverPadding,
     expanded = $bindable(false),
+    styleDisplay = undefined,
   }: Props = $props();
   /* eslint-enable prefer-const */
 
@@ -109,7 +111,8 @@
   data-popover-id={id}
   data-expanded={expanded || undefined}
   bind:this={containerEl}
-  class="container">
+  class="container"
+  style:display={styleDisplay}>
   {@render toggle(toggleFn)}
 
   {#if expanded}