diff --git a/src/app/[country]/[locale]/(checkout)/checkout/[id]/page.tsx b/src/app/[country]/[locale]/(checkout)/checkout/[id]/page.tsx
index c266bd04..2f48a5b1 100644
--- a/src/app/[country]/[locale]/(checkout)/checkout/[id]/page.tsx
+++ b/src/app/[country]/[locale]/(checkout)/checkout/[id]/page.tsx
@@ -148,7 +148,7 @@ export default function CheckoutPage({ params }: CheckoutPageProps) {
 
   // Track cart key for sidebar updates
   const cartKey = cart
-    ? `${cart.id}-${cart.total}-${cart.total_quantity}`
+    ? `${cart.id}-${cart.total}-${cart.total_quantity}-${cart.amount_due ?? ""}`
     : null;
   const prevOrderKeyRef = useRef(cartKey);
 
diff --git a/src/components/checkout/CouponCode.tsx b/src/components/checkout/CouponCode.tsx
index df657720..68911ac5 100644
--- a/src/components/checkout/CouponCode.tsx
+++ b/src/components/checkout/CouponCode.tsx
@@ -102,7 +102,7 @@ export function CouponCode({
                   onClick={() => handleRemoveDiscount(promotion.code)}
                   disabled={removing === promotion.code}
                   aria-label={`Remove code ${promotion.code}`}
-                  className="text-gray-400 hover:text-gray-600 p-0.5"
+                  className="text-gray-400 hover:text-gray-600 cursor-pointer p-0.5"
                 >
                   <X className="h-3.5 w-3.5" />
                 </button>
@@ -128,7 +128,7 @@ export function CouponCode({
               onClick={handleRemoveGiftCard}
               disabled={removing === appliedGiftCard.id}
               aria-label="Remove gift card"
-              className="text-gray-400 hover:text-gray-600 p-0.5"
+              className="text-gray-400 hover:text-gray-600 cursor-pointer p-0.5"
             >
               <X className="h-3.5 w-3.5" />
             </button>