From a46f0622e696800f850461483a25c761f743998c 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 c61a30399f5..150ed457084 100644
--- a/assets/quick-add.css
+++ b/assets/quick-add.css
@@ -177,7 +177,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;
@@ -193,7 +193,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;
@@ -203,7 +203,7 @@
   }
 }
 
-@media screen and (max-width: 990px) {
+@media screen and (max-width: 989px) {
   .quick-add-modal__content-info--bulk {
     flex-direction: column;
   }