From 25b7ba86c4fe67c645187089b8ba2c673057dd6e Mon Sep 17 00:00:00 2001
From: Brandon Oxendine <brandon.oxendine@gmail.com>
Date: Fri, 28 Aug 2026 13:40:35 +0200
Subject: [PATCH] Fix inline node ID in the guide

---
 src/components/NodeId.svelte  | 1 +
 src/components/Popover.svelte | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

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}