From 5b3852e58719e0c3c4e190912c2d18eb72d17e79 Mon Sep 17 00:00:00 2001
From: Dan Menard <dan.menard@shopify.com>
Date: Wed, 29 May 2024 16:51:26 -0400
Subject: [PATCH] Tweak breakpoints for consistently when the viewport is
 exactly 989 or 990 px wide

---
 assets/quick-add.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/quick-add.css b/assets/quick-add.css
index c81b9d1e2b8..dff1a0b4791 100644
--- a/assets/quick-add.css
+++ b/assets/quick-add.css
@@ -173,7 +173,7 @@
   width: auto;
 }
 
-@media screen and (max-width: 990px) {
+@media screen and (max-width: 989px) {
   .quick-add-modal__content-info--bulk .quick-add__content-info__media {
     display: flex;
     margin: 0;
@@ -189,7 +189,7 @@
   }
 }
 
-@media screen and (min-width: 989px) {
+@media screen and (min-width: 990px) {
   .quick-add-modal__content-info--bulk .quick-add__info {
     flex-direction: column;
     position: sticky;
@@ -199,7 +199,7 @@
   }
 }
 
-@media screen and (max-width: 990px) {
+@media screen and (max-width: 989px) {
   .quick-add-modal__content-info--bulk {
     flex-direction: column;
   }