diff --git a/frontend/src/metabase/ui/theme.ts b/frontend/src/metabase/ui/theme.ts
index cfc496a29f8e9f725b8db9fd9a0a103288df54d8..046b674e13af4b57e6e671b760a2e37084b83c65 100644
--- a/frontend/src/metabase/ui/theme.ts
+++ b/frontend/src/metabase/ui/theme.ts
@@ -36,6 +36,13 @@ import {
 import { getThemeColors } from "./utils/colors";
 
 export const getThemeOverrides = (): MantineThemeOverride => ({
+  breakpoints: {
+    xs: "23em",
+    sm: "40em",
+    md: "60em",
+    lg: "80em",
+    xl: "120em",
+  },
   colors: getThemeColors(),
   primaryColor: "brand",
   primaryShade: 0,