From 16eede9bb0a4986acb0d31c5b5dab54ab5e4f1f8 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Tue, 22 Nov 2022 16:38:25 +0000
Subject: [PATCH] added primary color to payment button for stripe bookings
 (#5638)

---
 packages/features/ee/payments/components/Payment.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/features/ee/payments/components/Payment.tsx b/packages/features/ee/payments/components/Payment.tsx
index 4f0f0ed27f..e63663fe4a 100644
--- a/packages/features/ee/payments/components/Payment.tsx
+++ b/packages/features/ee/payments/components/Payment.tsx
@@ -2,13 +2,12 @@ import { CardElement, useElements, useStripe } from "@stripe/react-stripe-js";
 import stripejs, { StripeCardElementChangeEvent, StripeElementLocale } from "@stripe/stripe-js";
 import { useRouter } from "next/router";
 import { stringify } from "querystring";
-import React, { SyntheticEvent, useEffect, useState } from "react";
+import { SyntheticEvent, useEffect, useState } from "react";
 
 import { PaymentData } from "@calcom/app-store/stripepayment/lib/server";
+import { useLocale } from "@calcom/lib/hooks/useLocale";
 import Button from "@calcom/ui/Button";
 
-import { useLocale } from "@lib/hooks/useLocale";
-
 const CARD_OPTIONS: stripejs.StripeCardElementOptions = {
   iconStyle: "solid" as const,
   classes: {
@@ -105,6 +104,7 @@ export default function PaymentComponent(props: Props) {
       <CardElement id="card-element" options={CARD_OPTIONS} onChange={handleChange} />
       <div className="mt-2 flex justify-center">
         <Button
+          color="primary"
           type="submit"
           disabled={["processing", "error"].includes(state.status)}
           loading={state.status === "processing"}