diff --git a/app/routes/pricing.payment.tsx b/app/routes/pricing.payment.tsx
index 80bee50c..63ae5dd8 100644
--- a/app/routes/pricing.payment.tsx
+++ b/app/routes/pricing.payment.tsx
@@ -16,7 +16,7 @@ const Payment = () => {
         <div className="mx-auto flex w-10/12 flex-col gap-6 py-[5%] md:flex-row md:justify-between">
           <div className="w-full">
             <h2 className="mb-4">Order Details</h2>
-            <div className="w-full rounded bg-[#ffffff] px-6 py-3">
+            <div className="w-full rounded bg-[#fff] px-6 py-3">
               <h2 className="text-lg font-semibold">Basic Plan</h2>
               <div className="flex justify-between leading-loose md:w-full">
                 <span className="leading-loose">Monthly Subscription</span>