diff --git a/src/components/AuthPages/AuthRedirect/Redirect.jsx b/src/components/AuthPages/AuthRedirect/Redirect.jsx
index 8db1101..9a29dec 100644
--- a/src/components/AuthPages/AuthRedirect/Redirect.jsx
+++ b/src/components/AuthPages/AuthRedirect/Redirect.jsx
@@ -47,7 +47,7 @@ function Redirect() {
               localStorage.setItem("session_token", `${res.data.session}`);
               // localStorage.setItem("session", `${res.data.session}`);
               dispatch(updateUserDetails({...res.data, loggedIn:true}));
-              
+
           })
           .catch((error) => {
             console.log(error);
diff --git a/src/components/Home/Hero.jsx b/src/components/Home/Hero.jsx
index ed6d17f..646c400 100644
--- a/src/components/Home/Hero.jsx
+++ b/src/components/Home/Hero.jsx
@@ -57,7 +57,7 @@ export default function Hero({ className, bannerList, nextDueTask }) {
         </div>
         {/* countdown */}
         {nextDueTask?.next_due && Object.keys(nextDueTask.next_due)?.length != 0 && (
-          <div className="w-full h-32 flex justify-evenly items-center sm:p-6 p-1 rounded-2xl border border-white-opacity">
+          <div className="w-full h-32 flex justify-evenly items-center sm:p-6 p-1 rounded-2xl border back-dark1 border-white-opacity">
             <div className="flex flex-col justify-between">
               <p className="text-base text-white tracking-wide">Current Task</p>
               <p className="lg:text-2xl text-lg font-bold tracking-wide text-white">
diff --git a/src/index.css b/src/index.css
index b3e4c4c..85434dc 100644
--- a/src/index.css
+++ b/src/index.css
@@ -30,7 +30,10 @@
   font-size: 42px;
   font-family: Circular, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
 }
-
+.back-dark1{
+  background-color: #193F5F;
+  min-width: 280px !important;
+}
 .job-action{
   background-color: aliceblue;
   height: 100px;