diff --git a/src/app/pages/ListPage/widgets/Donate/index.jsx b/src/app/pages/ListPage/widgets/Donate/index.jsx
index 2dddc57..88165c5 100644
--- a/src/app/pages/ListPage/widgets/Donate/index.jsx
+++ b/src/app/pages/ListPage/widgets/Donate/index.jsx
@@ -10,6 +10,7 @@ import { countdown } from "@/common/utilities/date";
 import credit_png from "@/common/assets/images/credit.png";
 import useLocalStorage from "@/common/hooks/useLocalStorage";
 import API from "@/common/api";
+import ModalCancelIcon from "@/common/assets/icons/ModalCancelIcon";
 
 const LOCALE = {
 	year: "년",
@@ -136,7 +137,10 @@ Donate.Modal = function add(
 
 	return (
 		<section data-widget="Donate.Modal">
-			<div className="heading">후원하기</div>
+			<div className="heading">
+				후원하기
+				<ModalCancelIcon onClick={() => Modal.instance.close()}></ModalCancelIcon>
+			</div>
 			<div className="portrait" onClick={() => set_credit(credit + 100)}>
 				<img src={props.donation.idol.profilePicture}></img>
 				<div className="title">{props.donation.title}</div>
diff --git a/src/app/pages/ListPage/widgets/Donate/index.scss b/src/app/pages/ListPage/widgets/Donate/index.scss
index fa813f0..1b20c0d 100644
--- a/src/app/pages/ListPage/widgets/Donate/index.scss
+++ b/src/app/pages/ListPage/widgets/Donate/index.scss
@@ -142,6 +142,8 @@
 			font-weight: 600;
 			line-height: 21.48px;
 			margin-bottom: 24px;
+			display: flex;
+			justify-content: space-between;
 		}
 		> .portrait {
 			width: 160px;