diff --git a/src/assets/images/homePage/bankCard.svg b/src/assets/images/homePage/bankCard.svg
new file mode 100644
index 00000000..d81974d9
--- /dev/null
+++ b/src/assets/images/homePage/bankCard.svg
@@ -0,0 +1,3 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M16 4H0v-.75C0 2.56.448 2 1 2h14c.552 0 1 .56 1 1.25V4zm0 2.5V13a1 1 0 01-1 1H1a1 1 0 01-1-1V6.5h16zM4 10a1 1 0 100 2h1a1 1 0 100-2H4z" fill="#000"/>
+</svg>
diff --git a/src/component/HomePage/UpgradePlan.vue b/src/component/HomePage/UpgradePlan.vue
index beaf7acd..fbbb2984 100644
--- a/src/component/HomePage/UpgradePlan.vue
+++ b/src/component/HomePage/UpgradePlan.vue
@@ -85,8 +85,8 @@
 				</div>
 				<label>
 					<input name="Stripe" type="radio" value="stripe" v-model="modeOfPayment">
-					<img src="../../assets/images/homePage/StripeIcon.png" alt="">
-					<span>Stripe</span>
+					<img src="../../assets/images/homePage/bankCard.svg" alt="">
+					<span>Credit Card</span>
 				</label>
 				<div class="UpgradePlan_payAffirm_content_btn" :class="[modeOfPayment == 'stripe'?'active':'']">
 
@@ -472,8 +472,8 @@ export default defineComponent({
 		display: flex;
 		flex-direction: column;
 		margin: 3rem 0;
-		height: 20rem;
-		overflow-y: auto;
+		// height: 20rem;
+		// overflow-y: auto;
 		>label{
 			display: flex;
 			align-items: center;
@@ -618,7 +618,7 @@ export default defineComponent({
 		
 		.ant-modal-body{
 			padding: calc(5rem*1.2) calc(5rem*1.2) !important;
-			height: calc(50rem*1.2);
+			height: calc(55rem*1.2);
 			// height: calc(65rem*1.2);
 		}
 	}