From d82b454cafc051a3a76f70e648a0dd4c226004c0 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Wed, 9 Oct 2024 22:11:08 +0100
Subject: [PATCH] headed added

---
 src/components/Settings/Tabs/ChangePasswordTab.jsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/Settings/Tabs/ChangePasswordTab.jsx b/src/components/Settings/Tabs/ChangePasswordTab.jsx
index ba85668..0ba3fd7 100644
--- a/src/components/Settings/Tabs/ChangePasswordTab.jsx
+++ b/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}
             >