From 4a60562ec08944a281b20429d9e2054e576667ef Mon Sep 17 00:00:00 2001
From: Thomas Cristina de Carvalho <thomas@frontvibe.com>
Date: Sat, 3 Feb 2024 22:55:25 -0500
Subject: [PATCH] Update variant pills

---
 app/components/product/VariantSelector.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/product/VariantSelector.tsx b/app/components/product/VariantSelector.tsx
index 0dfb335..903badb 100644
--- a/app/components/product/VariantSelector.tsx
+++ b/app/components/product/VariantSelector.tsx
@@ -106,14 +106,14 @@ export function VariantSelector(props: {
         {option.values?.map(({isActive, isAvailable, search, value}) => (
           <Link
             className={cn([
-              'hover:bg-muted',
-              !isAvailable && 'opacity-50',
               badgeVariants({
                 variant: isActive ? 'secondary' : 'outline',
               }),
+              !isAvailable && 'opacity-50',
+              'px-3 py-[.35rem] hover:bg-muted',
             ])}
             key={option.name + value}
-            prefetch="intent"
+            prefetch="viewport"
             preventScrollReset
             replace
             to={search}