From 9d0eea9600fb198865ecdc679e60a8e5d353bd66 Mon Sep 17 00:00:00 2001
From: Kamil Gabryjelski <kamil.gabryjelski@gmail.com>
Date: Thu, 2 Mar 2023 07:29:23 +0100
Subject: [PATCH] fix(dashboard): Missing filter card styles (#23256)

---
 .../src/dashboard/containers/DashboardPage.tsx      | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/superset-frontend/src/dashboard/containers/DashboardPage.tsx b/superset-frontend/src/dashboard/containers/DashboardPage.tsx
index 6ece49537b244..7323f120c996f 100644
--- a/superset-frontend/src/dashboard/containers/DashboardPage.tsx
+++ b/superset-frontend/src/dashboard/containers/DashboardPage.tsx
@@ -17,6 +17,7 @@
  * under the License.
  */
 import React, { FC, useEffect, useMemo, useRef } from 'react';
+import { Global } from '@emotion/react';
 import { useHistory } from 'react-router-dom';
 import {
   CategoricalColorNamespace,
@@ -25,6 +26,7 @@ import {
   isFeatureEnabled,
   SharedLabelColorSource,
   t,
+  useTheme,
 } from '@superset-ui/core';
 import pick from 'lodash/pick';
 import { useDispatch, useSelector } from 'react-redux';
@@ -57,6 +59,7 @@ import { DashboardContextForExplore } from 'src/types/DashboardContextForExplore
 import shortid from 'shortid';
 import { RootState } from '../types';
 import { getActiveFilters } from '../util/activeDashboardFilters';
+import { filterCardPopoverStyle, headerStyles } from '../styles';
 
 export const DashboardPageIdContext = React.createContext('');
 
@@ -140,6 +143,7 @@ const useSyncDashboardStateWithLocalStorage = () => {
 };
 
 export const DashboardPage: FC<PageProps> = ({ idOrSlug }: PageProps) => {
+  const theme = useTheme();
   const dispatch = useDispatch();
   const history = useHistory();
   const dashboardPageId = useSyncDashboardStateWithLocalStorage();
@@ -274,9 +278,12 @@ export const DashboardPage: FC<PageProps> = ({ idOrSlug }: PageProps) => {
   if (!readyToRender) return <Loading />;
 
   return (
-    <DashboardPageIdContext.Provider value={dashboardPageId}>
-      <DashboardContainer />
-    </DashboardPageIdContext.Provider>
+    <>
+      <Global styles={[filterCardPopoverStyle(theme), headerStyles(theme)]} />
+      <DashboardPageIdContext.Provider value={dashboardPageId}>
+        <DashboardContainer />
+      </DashboardPageIdContext.Provider>
+    </>
   );
 };