diff --git a/src/Components/StatusDropdown.jsx b/src/Components/StatusDropdown.jsx
index ee1d80b..9bef18f 100644
--- a/src/Components/StatusDropdown.jsx
+++ b/src/Components/StatusDropdown.jsx
@@ -24,9 +24,9 @@ export default function StatusDropdown(props) {
           onClick={toggleDropdown}
           className={`${
             props.status === "abandoned"
-              ? "bg-red-500 dark:bg-red-500"
-              : "bg-gray-300"
-          } text-white  bg-gray-600 duration-300 focus:ring-4 focus:outline-none focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center dark:bg-gray-500   dark:focus:ring-gray-500" type="button`}
+              ? "bg-red-300 dark:bg-red-400 dark:bg-opacity-50"
+              : "bg-gray-300 dark:bg-opacity-50 dark:bg-gray-600"
+          } text-white cursor-default bg-gray-300 duration-300 focus:ring-4 focus:outline-none focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center dark:bg-gray-500   dark:focus:ring-gray-500" type="button`}
         >
           {props.status === "abandoned" ? "Abandoned" : "Completed"}