diff --git a/src/components/Home/Hero.jsx b/src/components/Home/Hero.jsx
index 06b31ef..2df46e7 100644
--- a/src/components/Home/Hero.jsx
+++ b/src/components/Home/Hero.jsx
@@ -56,7 +56,7 @@ export default function Hero({ className, bannerList, nextDueTask }) {
           </div>
         </div>
         {/* countdown */}
-        {nextDueTask?.next_due && Object.keys(nextDueTask.next_due)?.length && (
+        {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="flex flex-col justify-between">
               <p className="text-base text-white tracking-wide">Current Task</p>
diff --git a/src/components/Partials/MobileSideBar.jsx b/src/components/Partials/MobileSideBar.jsx
index e603785..c0086a2 100644
--- a/src/components/Partials/MobileSideBar.jsx
+++ b/src/components/Partials/MobileSideBar.jsx
@@ -137,7 +137,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
           <>
             {!userDetails?.post_jobs ? (
                 <div
-                  className={`menu-item transition-all duration-300 ease-in-out bg-pink dark:bg-dark-white rounded-2xl p-3 ${
+                  className={`menu-item transition-all duration-300 ease-in-out bg-[#f0f8ff] dark:bg-dark-white rounded-2xl p-3 ${
                     sidebar ? "mb-5" : "mb-2 rounded-none p-0"
                   }`}
                 >
diff --git a/src/components/Partials/Sidebar.jsx b/src/components/Partials/Sidebar.jsx
index ce8d3d0..6a6607f 100644
--- a/src/components/Partials/Sidebar.jsx
+++ b/src/components/Partials/Sidebar.jsx
@@ -161,7 +161,7 @@ export default function Sidebar({
           <>
             {!userDetails?.post_jobs ? (
               <div
-                className={`menu-item transition-all duration-300 ease-in-out bg-pink dark:bg-dark-white rounded-2xl p-3 ${
+                className={`menu-item transition-all duration-300 ease-in-out bg-[#f0f8ff] dark:bg-dark-white rounded-2xl p-3 ${
                   sidebar ? "mb-5" : "mb-2 rounded-none p-0"
                 }`}
               >