From e55b81bce738fc2e8605a6f92df095a92b8517b0 Mon Sep 17 00:00:00 2001
From: Drew Davis <drew.davis@clickhouse.com>
Date: Mon, 23 Feb 2026 10:56:33 -0500
Subject: [PATCH] fix: Support light-mode in tagging dropdown menu (#1778)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Closes HDX-3472

# Summary

This PR fixes the tagging drop-down menu background so that it is light when in light mode.

## Before

<img width="263" height="248" alt="Screenshot 2026-02-23 at 10 06 59 AM" src="https://github.com/user-attachments/assets/94b64bee-153c-46f1-9053-665d1ad2a3f9" />

## After

<img width="271" height="216" alt="Screenshot 2026-02-23 at 10 37 23 AM" src="https://github.com/user-attachments/assets/d45e9f37-8e1f-47a9-beae-65c3cbba8aba" />
<img width="266" height="345" alt="Screenshot 2026-02-23 at 10 49 21 AM" src="https://github.com/user-attachments/assets/08e294e2-f0a0-4317-8701-57b9722ca60c" />
---
 .changeset/green-timers-explode.md   | 5 +++++
 packages/app/src/components/Tags.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/green-timers-explode.md

diff --git a/.changeset/green-timers-explode.md b/.changeset/green-timers-explode.md
new file mode 100644
index 00000000..44c3d64f
--- /dev/null
+++ b/.changeset/green-timers-explode.md
@@ -0,0 +1,5 @@
+---
+"@hyperdx/app": patch
+---
+
+fix: Support light-mode in tagging dropdown menu
diff --git a/packages/app/src/components/Tags.tsx b/packages/app/src/components/Tags.tsx
index cafc6a8b..833485c3 100644
--- a/packages/app/src/components/Tags.tsx
+++ b/packages/app/src/components/Tags.tsx
@@ -105,7 +105,7 @@ export const Tags = React.memo(
             </ActionIcon>
           )}
         </Popover.Target>
-        <Popover.Dropdown p={0} bg="dark">
+        <Popover.Dropdown p={0}>
           {isLoading && 'Loading'}
           {isError && 'Error'}
           <Input