diff --git a/src/components/Modal/ModalButton.tsx b/src/components/Modal/ModalButton.tsx
index d0cf0a0f..41769a02 100644
--- a/src/components/Modal/ModalButton.tsx
+++ b/src/components/Modal/ModalButton.tsx
@@ -5,15 +5,16 @@ interface ModalButtonProps {
   children: ReactNode;
   onCancel: MouseEventHandler<HTMLButtonElement>;
   onClick: MouseEventHandler<HTMLButtonElement>;
+  isDisabled?: boolean;
 }
 
-export default function ModalButton({ children, onCancel, onClick }: ModalButtonProps) {
+export default function ModalButton({ children, onCancel, onClick, isDisabled = false }: ModalButtonProps) {
   return (
     <div className={styles.buttonContainer}>
       <button type="button" className={styles.secondaryButton} onClick={onCancel}>
         취소
       </button>
-      <button type="button" className={styles.primaryButton} onClick={onClick}>
+      <button type="button" className={isDisabled ? styles.disabledButton : styles.primaryButton} onClick={onClick} disabled={isDisabled}>
         {children}
       </button>
     </div>