diff --git a/components/product/variant-selector.tsx b/components/product/variant-selector.tsx
index 680d6d0c3..188a5b406 100644
--- a/components/product/variant-selector.tsx
+++ b/components/product/variant-selector.tsx
@@ -108,13 +108,14 @@ export function VariantSelector({
 
           const DynamicTag = isAvailableForSale ? Link : 'p';
           const dynamicProps = {
-            ...(isAvailableForSale && { href: optionUrl, scroll: false })
+            ...(isAvailableForSale && { scroll: false })
           };
 
           return (
             <DynamicTag
               key={value}
               aria-disabled={!isAvailableForSale}
+              href={optionUrl}
               title={`${option.name} ${value}${!isAvailableForSale ? ' (Out of Stock)' : ''}`}
               className={clsx(
                 'flex min-w-[48px] items-center justify-center rounded-full border bg-neutral-100 px-2 py-1 text-sm dark:border-neutral-900 dark:bg-neutral-900',