diff --git a/src/components/Project/AssignTask.jsx b/src/components/Project/AssignTask.jsx
index 88473adc..099747a0 100644
--- a/src/components/Project/AssignTask.jsx
+++ b/src/components/Project/AssignTask.jsx
@@ -109,7 +109,7 @@ const AssignTask = ({ assignData, onClose, setAssigned }) => {
     );
 
   const dispatch = useDispatch();
-  const { loading, data: jobRoleData } = useMaster();
+  const { loading, data: jobRoleData } = useMaster("Job Role");
 
   const [selectedRoles, setSelectedRoles] = useState(["all"]);
   const [displayedSelection, setDisplayedSelection] = useState("");
diff --git a/src/pages/master/MasterPage.jsx b/src/pages/master/MasterPage.jsx
index 1988930c..ee6187fc 100644
--- a/src/pages/master/MasterPage.jsx
+++ b/src/pages/master/MasterPage.jsx
@@ -170,8 +170,7 @@ const MasterPage = () => {
         <div className="">
           <div className="card page-min-h">
             <div
-              className="card-datatable table-responsive py-2 py-md-6 mx-1 mx-md-5 "
-              style={{ overflow: "visible" }}
+              className="card-datatable table-responsive py-2 py-md-6 mx-1 mx-md-5 overflow-visible"
 
             >
               <div className="row mb-2">