update src/components/Card/index.js and src/components/Modal/index.js

src/components/Card/index.js

@@ -6,11 +6,11 @@ import Modal from "../Modal";
 
 const ProcessCard = ({ processes, title, hint, buttons, options }) => {
   return (
-    <section className="w-fit mx-auto flex flex-row bg-white  border border-gray-300 rounded-md mt-5">
+    <section className="min-w-[75 0px] w-fit mx-auto flex flex-row bg-white border border-gray-300 rounded-md mt-5">
       {/* right */}
       <div className="flex flex-1 flex-col justify-between">
         {/* top */}
-        <div className="flex items-center p-4 bg-[#EEFCE4] divide-x-2 divide-[#C7C7C7] divide-x-reverse">
+        <div className="flex items-center p-4 bg-[#EEFCE4] rounded-r divide-x-2 divide-[#C7C7C7] divide-x-reverse">
           {processes.map((process, index) => (
             <div
               className="flex flex-1 items-center justify-center flex-grow"

src/components/Modal/index.js

@@ -20,7 +20,7 @@ const Modal = ({ activeTab, children }) => {
           openModal ? "flex" : "hidden pointer-events-none"
         }`}
       >
-        <div className="w-1/2 flex flex-col bg-white border border-gray-400 rounded-sm z-100">
+        <div className="min-w-[900px] w-fit min-h-[777px] flex flex-col justify-between bg-white border border-gray-400 rounded">
           <div
             className="p-3 flex flex-col"
             onClick={(e) => e.stopPropagation()}