diff --git a/src/front/Components/Layouts/Subscription/SubscriptionFacturation/index.tsx b/src/front/Components/Layouts/Subscription/SubscriptionFacturation/index.tsx
index 7fe790bf..62e07d4a 100644
--- a/src/front/Components/Layouts/Subscription/SubscriptionFacturation/index.tsx
+++ b/src/front/Components/Layouts/Subscription/SubscriptionFacturation/index.tsx
@@ -22,14 +22,34 @@ export default function SubscriptionFacturation() {
 	const router = useRouter();
 	const [subscription, setSubscription] = useState<Subscription | null>(null);
 
-	const { close: closeCancelSubscription, isOpen: isCancelSubscriptionOpen, open: openCancelSubscription } = useOpenable();
-	const { close: closeConfirmation, isOpen: isConfirmationOpen, open: openConfirmation } = useOpenable();
+	const { close: closeCancelSubscription, isOpen: isCancelSubscriptionOpen } = useOpenable();
+	const { close: closeConfirmation, isOpen: isConfirmationOpen } = useOpenable();
 
-	const cancelSubscription = useCallback(() => {
-		closeCancelSubscription();
-		openConfirmation();
-		return;
-	}, [closeCancelSubscription, openConfirmation]);
+	// const cancelSubscription = useCallback(() => {
+	// 	closeCancelSubscription();
+	// 	openConfirmation();
+	// 	return;
+	// }, [closeCancelSubscription, openConfirmation]);
+
+	const manageSubscription = async () => {
+		try {
+			const jwt = JwtService.getInstance().decodeJwt();
+			const subscription = await Subscriptions.getInstance().get({ where: { office: { uid: jwt?.office_Id } } });
+			if (!subscription[0]) return;
+			const stripe_client_portal = await Stripe.getInstance().getClientPortalSession(subscription[0].stripe_subscription_id!);
+			router.push(stripe_client_portal.url + "/subscriptions/" + subscription[0].stripe_subscription_id + "/update");
+		} catch (error) {}
+	};
+
+	const cancelSubscription = async () => {
+		try {
+			const jwt = JwtService.getInstance().decodeJwt();
+			const subscription = await Subscriptions.getInstance().get({ where: { office: { uid: jwt?.office_Id } } });
+			if (!subscription[0]) return;
+			const stripe_client_portal = await Stripe.getInstance().getClientPortalSession(subscription[0].stripe_subscription_id!);
+			router.push(stripe_client_portal.url + "/subscriptions/" + subscription[0].stripe_subscription_id + "/cancel");
+		} catch (error) {}
+	};
 
 	const manageBilling = async () => {
 		try {
@@ -106,23 +126,23 @@ export default function SubscriptionFacturation() {
 							</div>
 							<div className={classes["button-container"]}>
 								{subscription.type === "UNLIMITED" && (
-									<Link
-										href={Module.getInstance().get().modules.pages.Subscription.pages.Manage.pages.Standard.props.path}>
-										<Button fullwidth variant={EButtonVariant.GHOST}>
-											Rétrograder mon abonnement
-										</Button>
-									</Link>
+									// <Link
+									// 	href={Module.getInstance().get().modules.pages.Subscription.pages.Manage.pages.Standard.props.path}>
+									<Button onClick={manageSubscription} fullwidth variant={EButtonVariant.GHOST}>
+										Rétrograder mon abonnement
+									</Button>
+									// </Link>
 								)}
 								{subscription.type === "STANDARD" && (
 									<>
-										<Link
+										{/* <Link
 											href={
 												Module.getInstance().get().modules.pages.Subscription.pages.Manage.pages.Standard.props.path
-											}>
-											<Button fullwidth variant={EButtonVariant.PRIMARY}>
-												Gérer mon abonnement
-											</Button>
-										</Link>
+											}> */}
+										<Button onClick={manageBilling} fullwidth variant={EButtonVariant.PRIMARY}>
+											Gérer mon abonnement
+										</Button>
+										{/* </Link> */}
 										<Link
 											href={
 												Module.getInstance().get().modules.pages.Subscription.pages.ManageCollaborators.props.path
@@ -175,18 +195,18 @@ export default function SubscriptionFacturation() {
 									</Button>
 								)}
 								{subscription.type === "STANDARD" && (
-									<Link
-										href={Module.getInstance().get().modules.pages.Subscription.pages.Manage.pages.Illimity.props.path}>
-										<Button fullwidth variant={EButtonVariant.GHOST}>
-											Améliorer mon abonnement
-										</Button>
-									</Link>
+									// <Link
+									// 	href={Module.getInstance().get().modules.pages.Subscription.pages.Manage.pages.Illimity.props.path}>
+									<Button onClick={manageSubscription} fullwidth variant={EButtonVariant.GHOST}>
+										Améliorer mon abonnement
+									</Button>
+									// </Link>
 								)}
 							</div>
 						</div>
 					</div>
 					<div className={classes["actions-container"]}>
-						<Button variant={EButtonVariant.LINE} onClick={openCancelSubscription}>
+						<Button variant={EButtonVariant.LINE} onClick={cancelSubscription}>
 							<Typography typo={ITypo.P_18} color={ITypoColor.RED_FLASH}>
 								Arrêter l'abonnement
 							</Typography>