removed popout background corner color

src/components/JobGroups/AddGroup.jsx

@@ -88,7 +88,7 @@ export default function AddGroup({ action, situation, setUpdateList }) {
 
   return (
     <ModalCom action={action} situation={situation}>
-      <div className="logout-modal-wrapper lg:w-[500px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl">
+      <div className="logout-modal-wrapper lg:w-[500px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
         <div className="modal-header-con">
           <h1 className="modal-title">
             Add Group

src/components/JobGroups/DeleteGroup.jsx

@@ -20,14 +20,14 @@ export default function DeleteGroup({action, situation, details}) {
         action={action}
         situation={situation}
     >
-      <div className="logout-modal-wrapper lg:w-[500px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl">
+      <div className="logout-modal-wrapper lg:w-[500px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
-        <div className="logout-modal-header w-full flex items-center justify-between lg:px-10 lg:py-8 px-[30px] py-[23px] border-b border-light-purple dark:border-[#5356fb29] ">
+        <div className="modal-header-con">
-          <h1 className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
+          <h1 className="modal-title">
             Delete Group
           </h1>
           <button
             type="button"
-            className="text-[#374557] dark:text-red-500"
+            className="modal-close-btn"
             onClick={action}
           >
             <svg

src/components/JobGroups/DeleteMember.jsx

@@ -20,7 +20,7 @@ export default function DeleteMember({action, situation, details}) {
         action={action}
         situation={situation}
     >
-      <div className="logout-modal-wrapper lg:w-[500px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl">
+      <div className="logout-modal-wrapper lg:w-[500px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
         <div className="modal-header-con">
           <h1 className="modal-title">
             Remove Member

src/components/Partials/Layout.jsx

@@ -67,7 +67,7 @@ export default function Layout({ children }) {
       </div>
       {logoutModal && (
         <ModalCom action={logoutModalHandler} situation={logoutModal}>
-          <div className="logout-modal-wrapper w-11/12 sm:w-[460px] bg-white dark:bg-dark-white lg:rounded-2xl">
+          <div className="logout-modal-wrapper w-11/12 sm:w-[460px] bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
             <div className="modal-header-con">
               <h1 className="modal-title">
                 Confirm

src/components/countdown/CustomTimer.jsx

@@ -6,12 +6,14 @@ export default function CustomTimer({className='text-emerald-500'}) {
 
     useEffect(()=>{
         const timer = setInterval(()=>{
-            setTime(prev => prev - 1)
+            if(time > 0 ){
+                setTime(prev => prev - 1)
+            }
         },1000)
         return ()=>{
             clearInterval(timer)
         }
-    },[])
+    },[time])
 
     let minutes = time == 0 ? 0 : Math.floor(time/60)
     let seconds = time == 0 ? 0 :time - (minutes * 60)