diff --git a/frontend/src/metabase/search/components/SearchFilterModal/SearchFilterModal.styled.tsx b/frontend/src/metabase/search/components/SearchFilterModal/SearchFilterModal.styled.tsx
index 33cfecb64ea1e0004bc8507920fe98fe51d0b22a..6e480bfc978a20c83f804640936b3236063b2e10 100644
--- a/frontend/src/metabase/search/components/SearchFilterModal/SearchFilterModal.styled.tsx
+++ b/frontend/src/metabase/search/components/SearchFilterModal/SearchFilterModal.styled.tsx
@@ -1,9 +1,8 @@
 import styled from "@emotion/styled";
-import { color } from "metabase/lib/colors";
 
 export const SearchFilterWrapper = styled.div`
   & > * {
-    border-bottom: 1px solid ${color("border")};
+    border-bottom: 1px solid ${({ theme }) => theme.colors.border[0]};
     padding: 1.5rem 2rem;
     margin: 0;
   }
diff --git a/frontend/src/types/emotion.d.ts b/frontend/src/types/emotion.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..06e1696f7ed015b709fc6c1994b38c26dd108b51
--- /dev/null
+++ b/frontend/src/types/emotion.d.ts
@@ -0,0 +1,7 @@
+import "@emotion/react";
+import type { MantineTheme } from "@mantine/core";
+
+declare module "@emotion/react" {
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  export interface Theme extends MantineTheme {}
+}