headed added

src/components/Settings/Tabs/ChangePasswordTab.jsx

@@ -113,8 +113,13 @@ export default function ChangePasswordTab() {
   }
   return (
     <div className="changePasswordTab w-full">
-      <div className="w-full flex xxl:flex-row flex-col-reverse space-x-5 xxl:items-start">
-        <div className="flex-1 mb-10">
+      <div className="w-full">
+        <div className="content-heading w-full mb-8">
+          <h1 className="text-2xl font-extrabold text-black dark:text-white antialiased">
+            Reset Password
+          </h1>
+        </div>
+        <div className="w-full md:w-[calc(100%-100px)] md:ml-auto pb-10">
           <div className="input-field mb-6">
             <label
               className="input-label text-dark-gray dark:text-white text-xl font-bold block mb-2.5"
@@ -202,10 +207,10 @@ export default function ChangePasswordTab() {
               </div>
             </div>
           </div>
-          <div className="flex justify-between gap-4 items-center">
+          <div className="flex w-full md:w-[calc(100%-128px)] md:ml-auto justify-between gap-4 items-center">
             <button
               type="button"
-              className="md:ml-32 text-light-red text-18 tracking-wide border-b dark:border-[#5356fb29]  border-light-red"
+              className="text-light-red text-18 tracking-wide border-b dark:border-[#5356fb29]  border-light-red"
               disabled={requestStatus.loading}
               onClick={handleCancel}
             >