From 7037e7294df1d16615469f7fe66a9c617c019ef1 Mon Sep 17 00:00:00 2001
From: Jorge Moya <jorge.moya@bigcommerce.com>
Date: Mon, 18 Mar 2024 12:23:06 -0500
Subject: [PATCH] fix(core): on hover bg for buttons in shipping estimator

---
 .changeset/tall-crabs-leave.md                               | 5 +++++
 .../(default)/cart/_components/shipping-estimator.tsx        | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/tall-crabs-leave.md

diff --git a/.changeset/tall-crabs-leave.md b/.changeset/tall-crabs-leave.md
new file mode 100644
index 000000000..609b34537
--- /dev/null
+++ b/.changeset/tall-crabs-leave.md
@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+Fix on hover style for buttons in Shipping Estimator
diff --git a/apps/core/app/[locale]/(default)/cart/_components/shipping-estimator.tsx b/apps/core/app/[locale]/(default)/cart/_components/shipping-estimator.tsx
index e700108a5..f0982e8e4 100644
--- a/apps/core/app/[locale]/(default)/cart/_components/shipping-estimator.tsx
+++ b/apps/core/app/[locale]/(default)/cart/_components/shipping-estimator.tsx
@@ -42,7 +42,7 @@ export const ShippingEstimator = ({
         <p className="inline-flex gap-2">
           <span className="text-base">{shippingCosts.selectedShippingOption}</span>
           <Button
-            className="w-fit p-0 text-base text-primary"
+            className="w-fit p-0 text-base text-primary hover:bg-transparent"
             onClick={() => setIsOpened((open) => !open)}
             variant="subtle"
           >
@@ -68,7 +68,7 @@ export const ShippingEstimator = ({
         <div className="inline-flex items-center justify-between">
           <span className="text-base font-semibold">{t('shippingCost')}</span>
           <Button
-            className="w-fit p-0 text-base text-primary"
+            className="w-fit p-0 text-base text-primary hover:bg-transparent"
             onClick={() => setIsOpened((open) => !open)}
             variant="subtle"
           >