From b8af7ca63348108515bd004ab1f60e26ea3413a4 Mon Sep 17 00:00:00 2001
From: Benjamin Emiliani <49131189+BenjaminEmiliani@users.noreply.github.com>
Date: Thu, 7 Oct 2021 11:23:57 -0400
Subject: [PATCH] style: wrap item-counter changes in forversion4.2 (#13907)

---
 .../scss/components/cart/_item-counter.scss   | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/projects/storefrontstyles/scss/components/cart/_item-counter.scss b/projects/storefrontstyles/scss/components/cart/_item-counter.scss
index f186be4ed06..f883f57823f 100644
--- a/projects/storefrontstyles/scss/components/cart/_item-counter.scss
+++ b/projects/storefrontstyles/scss/components/cart/_item-counter.scss
@@ -1,5 +1,7 @@
 %cx-item-counter {
-  width: 146px;
+  @include forVersion(4.2) {
+    width: 146px;
+  }
 
   input {
     text-align: center;
@@ -37,7 +39,13 @@
       border-width: 0 1px;
       padding: 12px 9px;
       max-height: 48px;
-      width: 46%;
+      min-width: 48px;
+      max-width: 78px;
+
+      @include forVersion(4.2) {
+        min-width: 46%;
+        max-width: 46%;
+      }
 
       &:focus {
         background: var(--cx-color-background);
@@ -52,7 +60,12 @@
     cursor: pointer;
     margin: 0;
     max-height: 48px;
-    width: 27%;
+    min-width: 40px;
+
+    @include forVersion(4.2) {
+      min-width: 27%;
+      max-width: 27%;
+    }
 
     @include type(3);