diff --git a/app/javascript/dashboard/routes/dashboard/settings/billing-v2/components/CancelSubscriptionModal.vue b/app/javascript/dashboard/routes/dashboard/settings/billing-v2/components/CancelSubscriptionDialog.vue
similarity index 100%
rename from app/javascript/dashboard/routes/dashboard/settings/billing-v2/components/CancelSubscriptionModal.vue
rename to app/javascript/dashboard/routes/dashboard/settings/billing-v2/components/CancelSubscriptionDialog.vue
diff --git a/app/javascript/dashboard/routes/dashboard/settings/billing-v2/components/PricingPlans.vue b/app/javascript/dashboard/routes/dashboard/settings/billing-v2/components/PricingPlans.vue
index 07295604a..eab172dcb 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/billing-v2/components/PricingPlans.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/billing-v2/components/PricingPlans.vue
@@ -6,7 +6,7 @@ import { useAlert } from 'dashboard/composables';
 import BillingCard from '../../billing/components/BillingCard.vue';
 import ButtonV4 from 'next/button/Button.vue';
 import SubscribeModal from './SubscribeModal.vue';
-import CancelSubscriptionModal from './CancelSubscriptionModal.vue';
+import CancelSubscriptionDialog from './CancelSubscriptionDialog.vue';
 
 const props = defineProps({
   plans: {
@@ -552,7 +552,7 @@ const isCurrentPlan = plan => {
     />
 
     <!-- Cancel Subscription Modal -->
-    <CancelSubscriptionModal
+    <CancelSubscriptionDialog
       ref="cancelModalRef"
       :is-canceling="isCanceling"
       @cancel="handleCancelSubscription"