diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/ActionButtons/index.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/ActionButtons/index.tsx
index 38fa394b8b1..aa9a3eb7445 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/ActionButtons/index.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/ActionButtons/index.tsx
@@ -74,7 +74,7 @@ const verticalStyle = (theme: SupersetTheme, width: number) => css`
 
   background: linear-gradient(
     ${rgba(theme.colorBgLayout, 0)},
-    ${theme.colorBgElevated} 20%
+    ${theme.colorBgContainer} 20%
   );
 
   & > .filter-apply-button {
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Vertical.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Vertical.tsx
index 3e8d86a0f4f..c36086332e1 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Vertical.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Vertical.tsx
@@ -70,7 +70,6 @@ const Bar = styled.div<{ width: number }>`
     display: none;
     &.open {
       display: flex;
-      background-color: ${theme.colorBgBase};
     }
   `}
 `;