diff --git a/frontend/src/layout/navigation-3000/sidepanel/SidePanel.scss b/frontend/src/layout/navigation-3000/sidepanel/SidePanel.scss index f2744d39ae95b..4f3d08f139753 100644 --- a/frontend/src/layout/navigation-3000/sidepanel/SidePanel.scss +++ b/frontend/src/layout/navigation-3000/sidepanel/SidePanel.scss @@ -20,7 +20,7 @@ box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); [theme='dark'] & { - box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.1); + box-shadow: none; } } diff --git a/frontend/src/lib/components/PropertyFilters/components/PropertyFilterButton.scss b/frontend/src/lib/components/PropertyFilters/components/PropertyFilterButton.scss index fa2baa74c9c2c..97aaa8014eee1 100644 --- a/frontend/src/lib/components/PropertyFilters/components/PropertyFilterButton.scss +++ b/frontend/src/lib/components/PropertyFilters/components/PropertyFilterButton.scss @@ -1,6 +1,5 @@ .PropertyFilterButton { overflow: hidden; - color: var(--bg-charcoal); border-color: transparent; background: var(--border); display: inline-flex; @@ -10,7 +9,7 @@ &:focus { border-color: var(--border); background: var(--border); - color: var(--bg-charcoal); + color: var(--text-default); } text-shadow: none; @@ -27,8 +26,4 @@ overflow: hidden; text-overflow: ellipsis; } - - .anticon-close { - color: var(--bg-charcoal); - } } diff --git a/frontend/src/lib/components/SmoothingFilter/SmoothingFilter.tsx b/frontend/src/lib/components/SmoothingFilter/SmoothingFilter.tsx index 961fa82e2ef84..9460168ba9fd4 100644 --- a/frontend/src/lib/components/SmoothingFilter/SmoothingFilter.tsx +++ b/frontend/src/lib/components/SmoothingFilter/SmoothingFilter.tsx @@ -1,10 +1,10 @@ -import { Select } from 'antd' import { FundOutlined } from '@ant-design/icons' import { smoothingOptions } from './smoothings' import { useActions, useValues } from 'kea' import { insightLogic } from 'scenes/insights/insightLogic' import { insightVizDataLogic } from 'scenes/insights/insightVizDataLogic' import { trendsDataLogic } from 'scenes/trends/trendsDataLogic' +import { LemonSelect } from '@posthog/lemon-ui' export function SmoothingFilter(): JSX.Element | null { const { insightProps } = useValues(insightLogic) @@ -31,9 +31,8 @@ export function SmoothingFilter(): JSX.Element | null { })) return options.length ? ( -