From 44c34185da216c3159301631a8a1f43e2638bd76 Mon Sep 17 00:00:00 2001
From: Cedric Dupuis <cedric.dupuis@traefik.io>
Date: Thu, 16 Dec 2021 12:26:13 +0100
Subject: [PATCH] fix: make sure media don't overlap

---
 stitches.config.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/stitches.config.ts b/stitches.config.ts
index 9283583e..fbc64719 100644
--- a/stitches.config.ts
+++ b/stitches.config.ts
@@ -128,9 +128,9 @@ const stitches = createStitches({
     },
   },
   media: {
-    bp1: '(min-width: 520px)',
-    bp2: '(min-width: 900px)',
-    bp3: '(min-width: 1200px)',
+    bp1: '(min-width: 520px) and (max-width: 899px)',
+    bp2: '(min-width: 900px) and (max-width: 1199px)',
+    bp3: '(min-width: 1200px) and (max-width: 1799px)',
     bp4: '(min-width: 1800px)',
     motion: '(prefers-reduced-motion)',
     hover: '(any-hover: hover)',