diff --git a/components/cart/add-to-cart.tsx b/components/cart/add-to-cart.tsx
index 8788e6383..4c67e6c61 100644
--- a/components/cart/add-to-cart.tsx
+++ b/components/cart/add-to-cart.tsx
@@ -64,7 +64,7 @@ export function AddToCart({
       {!isPending ? (
         <span>{availableForSale ? t('cart.add') : t('cart.out-of-stock')}</span>
       ) : (
-        <LoadingDots className="mb-3 bg-white" />
+        <LoadingDots className="my-3 bg-black" />
       )}
     </button>
   );