diff --git a/client/src/pages/ThankYou.jsx b/client/src/pages/ThankYou.jsx
index cfc258b..c7bdcdc 100644
--- a/client/src/pages/ThankYou.jsx
+++ b/client/src/pages/ThankYou.jsx
@@ -7,28 +7,27 @@ const ThankYou = () => {
   };
   return (
     <>
-      <div className="container md:mt-10 mt-40">
+      <div className="container mx-auto md:mt-10 mt-40">
         <div className="flex flex-col items-center">
           <div className="text-green-400">
             <svg
               className="w-24 h-24"
               fill="currentColor"
-              viewBox="0 0 20 20"
+              viewBox="0 0 512 512"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                fillRule="evenodd"
-                d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1. 
-                414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0
-                001.414 0l4-4z"
-                clipRule="evenodd"
+                d="M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 
+                208-208S370.9 48 256 48zm-32.1 281.7c-2.4 2.4-5.8 4.4-8.8
+                4.4s-6.4-2.1-8.9-4.5l-56-56 17.8-17.8 47.2 47.2L340 177.3l17.5
+                18.1-133.6 134.3z"
               />
             </svg>
           </div>
           <div className="mt-3 text-xl font-semibold uppercase text-green-500">
             Congratulations!
           </div>
-          <div className="text-lg font-semibold text-gray-500">
+          <div className="text-lg font-semibold text-gray-500 text-center">
             Your Ride Has been Booked Successfully
             <h1>
               Please Check Your mail(spam included), we have sent you the