diff --git a/marketplace/src/components/GroupedProductCard.tsx b/marketplace/src/components/GroupedProductCard.tsx
index bb66c5f..e057ae8 100644
--- a/marketplace/src/components/GroupedProductCard.tsx
+++ b/marketplace/src/components/GroupedProductCard.tsx
@@ -52,7 +52,7 @@ export const GroupedProductCard = ({ group, onClick }: GroupedProductCardProps)
                         </div>
                     </div>
                     <button
-                        className="bg-primary hover:bg-primary-dark text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors flex items-center gap-2"
+                        className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors flex items-center gap-2"
                     >
                         <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                             <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
diff --git a/marketplace/src/components/ProductOffersModal.tsx b/marketplace/src/components/ProductOffersModal.tsx
index a2855b9..772397f 100644
--- a/marketplace/src/components/ProductOffersModal.tsx
+++ b/marketplace/src/components/ProductOffersModal.tsx
@@ -28,7 +28,7 @@ export const ProductOffersModal = ({ group, onClose }: ProductOffersModalProps)
     const sortedOffers = [...group.offers].sort((a, b) => a.price_cents - b.price_cents)
 
     return (
-        <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4" onClick={onClose}>
+        <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-[1000] p-4" onClick={onClose}>
             <div
                 className="bg-white rounded-xl shadow-2xl max-w-2xl w-full max-h-[80vh] overflow-hidden"
                 onClick={(e) => e.stopPropagation()}
@@ -118,7 +118,7 @@ export const ProductOffersModal = ({ group, onClose }: ProductOffersModalProps)
                                             </div>
                                             <button
                                                 onClick={() => handleAddToCart(offer)}
-                                                className="bg-primary hover:bg-primary-dark text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors flex items-center gap-2"
+                                                className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors flex items-center gap-2"
                                             >
                                                 <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" />