diff --git a/components/product/Swatch/Swatch.module.css b/components/product/Swatch/Swatch.module.css
index 6062e34f8..cb35c0b71 100644
--- a/components/product/Swatch/Swatch.module.css
+++ b/components/product/Swatch/Swatch.module.css
@@ -1,11 +1,11 @@
 .root {
   @apply h-12 w-12 bg-primary text-primary rounded-full mr-3 inline-flex
-  items-center justify-center cursor-pointer transition duration-75 ease-in-out
+  items-center justify-center cursor-pointer transition duration-100 ease-in-out
   p-0 shadow-none border-gray-200 border box-border;
 }
 
 .active.size {
-  @apply border-accents-2 border-2;
+  @apply border-accents-9 border-2;
 }
 
 .root:hover {