From b2dfd140e4f82057d8e98e67ca54779ab934e5ae Mon Sep 17 00:00:00 2001
From: Isaac Hellendag <dish@elementl.com>
Date: Wed, 17 Apr 2024 13:53:17 -0500
Subject: [PATCH] [ui] Fix theming on breadcrumb popover

---
 .../dagster-ui/packages/ui-core/src/assets/AssetPageHeader.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/js_modules/dagster-ui/packages/ui-core/src/assets/AssetPageHeader.tsx b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetPageHeader.tsx
index f5370b4787b92..581581ca3c257 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/assets/AssetPageHeader.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetPageHeader.tsx
@@ -1,5 +1,5 @@
 // eslint-disable-next-line no-restricted-imports
-import {BreadcrumbProps, Breadcrumbs} from '@blueprintjs/core';
+import {BreadcrumbProps, Breadcrumbs2 as Breadcrumbs} from '@blueprintjs/popover2';
 import {
   Box,
   Colors,
@@ -73,6 +73,7 @@ export const AssetPageHeader = ({assetKey, headerBreadcrumbs, ...extra}: Props)
               </Heading>
             )}
             $numHeaderBreadcrumbs={headerBreadcrumbs.length}
+            popoverProps={{popoverClassName: 'dagster-popover'}}
           />
           {copyableString ? (
             <Tooltip placement="bottom" content="Copy asset key">