diff --git a/src/components/AuthPages/AuthRedirect/Redirect.jsx b/src/components/AuthPages/AuthRedirect/Redirect.jsx
index 1e6e104..e728d7e 100644
--- a/src/components/AuthPages/AuthRedirect/Redirect.jsx
+++ b/src/components/AuthPages/AuthRedirect/Redirect.jsx
@@ -48,6 +48,7 @@ function Redirect() {
               localStorage.setItem("session_token", `${res.data.session}`);
               dispatch(updateUserDetails({...res.data, loggedIn:true}));
               navigate('/', {replace: true})
+
           })
           .catch((error) => {
             navigate('/login', {replace: true})
diff --git a/src/components/Home/Hero.jsx b/src/components/Home/Hero.jsx
index f5ad38a..8929fbf 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 b8c63ad..15e7d7c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -29,7 +29,10 @@
   font-family: sans; color: white;
   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;