From 03aaf47d77276a0f5e937e406e5ee175c755ad29 Mon Sep 17 00:00:00 2001
From: Nemanja Glumac <31325167+nemanjaglumac@users.noreply.github.com>
Date: Tue, 2 Apr 2024 16:36:32 +0200
Subject: [PATCH] Add breakpoints to the Mantine theme overrides (#40903)

---
 frontend/src/metabase/ui/theme.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/src/metabase/ui/theme.ts b/frontend/src/metabase/ui/theme.ts
index f517452a0f6..83087f02b68 100644
--- a/frontend/src/metabase/ui/theme.ts
+++ b/frontend/src/metabase/ui/theme.ts
@@ -39,6 +39,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,
-- 
GitLab