diff --git a/src/app/features/dashboard_Id/Card/cardFormModals/CreateCardModal.tsx b/src/app/features/dashboard_Id/Card/cardFormModals/CreateCardModal.tsx
index 9588720..ffaa529 100644
--- a/src/app/features/dashboard_Id/Card/cardFormModals/CreateCardModal.tsx
+++ b/src/app/features/dashboard_Id/Card/cardFormModals/CreateCardModal.tsx
@@ -15,6 +15,7 @@ export default function CreateCardModal({ children }: ModalProps) {
   return createPortal(
     <div
       className="z-60 fixed inset-0 flex items-center justify-center bg-black/40"
+      style={{ zIndex: 60 }}
       onClick={(e) => e.stopPropagation()}
     >
       <div className="BG-white h-970 w-584 overflow-y-scroll rounded-16 p-32 shadow-lg [mask-image:radial-gradient(white_100%,transparent_100%)] mobile:h-766 mobile:w-327 mobile:px-16 mobile:py-24">
diff --git a/src/app/features/dashboard_Id/Card/cardModal/CardModal.tsx b/src/app/features/dashboard_Id/Card/cardModal/CardModal.tsx
index d1483b5..ac9bcc7 100644
--- a/src/app/features/dashboard_Id/Card/cardModal/CardModal.tsx
+++ b/src/app/features/dashboard_Id/Card/cardModal/CardModal.tsx
@@ -13,7 +13,10 @@ export default function CardModal({ children }: ModalProps) {
   if (!modalRoot) return null
 
   return createPortal(
-    <div className="z-60 fixed inset-0 flex items-center justify-center bg-black/40">
+    <div
+      className="z-60 fixed inset-0 flex items-center justify-center bg-black/40"
+      style={{ zIndex: 60 }}
+    >
       <div>{children}</div>
     </div>,
     modalRoot,