diff --git a/src/components/ui/ConfirmModal.jsx b/src/components/ui/ConfirmModal.jsx
index 47082c8..b38447f 100644
--- a/src/components/ui/ConfirmModal.jsx
+++ b/src/components/ui/ConfirmModal.jsx
@@ -26,7 +26,7 @@ export const ConfirmModal = ({
 
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
-      <div className="absolute inset-0 bg-black/70 transition-opacity" onClick={onCancel} />
+      <div className="absolute inset-0 bg-black transition-opacity" onClick={onCancel} />
 
       <div
         className="relative w-full max-w-sm rounded-lg border-2 border-[rgba(255,152,0,0.3)] bg-[rgba(255,152,0,0.15)] p-8 backdrop-blur-md"
diff --git a/src/components/ui/Modal.jsx b/src/components/ui/Modal.jsx
index cc6ff85..49ce3fa 100644
--- a/src/components/ui/Modal.jsx
+++ b/src/components/ui/Modal.jsx
@@ -35,7 +35,7 @@ export const Modal = ({ isOpen, onClose, title, message, type = 'info' }) => {
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
       {/* Backdrop */}
-      <div className="absolute inset-0 bg-black/70 transition-opacity" onClick={onClose} />
+      <div className="absolute inset-0 bg-black transition-opacity" onClick={onClose} />
 
       <div
         className={`relative w-full max-w-sm rounded-lg border-2 p-8 backdrop-blur-md ${bgColorClass}`}