From a66a69fb199e77c687ae597f7b3cd8d725573520 Mon Sep 17 00:00:00 2001
From: okbel <curciobel@gmail.com>
Date: Fri, 28 May 2021 10:12:08 -0300
Subject: [PATCH] Fix glitch for Swatch

---
 components/product/Swatch/Swatch.module.css | 3 ++-
 components/product/Swatch/Swatch.tsx        | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/product/Swatch/Swatch.module.css b/components/product/Swatch/Swatch.module.css
index fb690f683..ede13267b 100644
--- a/components/product/Swatch/Swatch.module.css
+++ b/components/product/Swatch/Swatch.module.css
@@ -34,7 +34,7 @@
   color: white !important;
 }
 
-.active.size {
+.active {
   @apply border-accents-9 border-2;
   padding-right: 1px;
   padding-left: 1px;
@@ -46,6 +46,7 @@
 }
 
 .active.textLabel {
+  @apply border-accents-9 border-2;
   padding-right: calc(1rem - 1px);
   padding-left: calc(1rem - 1px);
 }
diff --git a/components/product/Swatch/Swatch.tsx b/components/product/Swatch/Swatch.tsx
index 025410439..7e8de3e4a 100644
--- a/components/product/Swatch/Swatch.tsx
+++ b/components/product/Swatch/Swatch.tsx
@@ -34,7 +34,7 @@ const Swatch: FC<Omit<ButtonProps, 'variant'> & SwatchProps> = ({
       [s.size]: variant === 'size',
       [s.color]: color,
       [s.dark]: color ? isDark(color) : false,
-      [s.textLabel]: !color && label && label.length < 4,
+      [s.textLabel]: !color && label && label.length > 3,
     },
     className
   )