diff --git a/packages/web/app/src/components/organization/billing/BillingPaymentMethod.tsx b/packages/web/app/src/components/organization/billing/BillingPaymentMethod.tsx
index f2fa05fd4..1aafa6f35 100644
--- a/packages/web/app/src/components/organization/billing/BillingPaymentMethod.tsx
+++ b/packages/web/app/src/components/organization/billing/BillingPaymentMethod.tsx
@@ -8,7 +8,6 @@ import { FragmentType, graphql, useFragment } from '@/gql';
 import { BillingPlanType } from '@/gql/graphql';
 import { ExternalLinkIcon } from '@radix-ui/react-icons';
 import { CardElement } from '@stripe/react-stripe-js';
-import { useRouter } from '@tanstack/react-router';
 
 const GenerateStripeLinkMutation = graphql(`
   mutation GenerateStripeLinkMutation($selector: OrganizationSelectorInput!) {
@@ -37,7 +36,6 @@ export const ManagePaymentMethod = (props: {
   plan: BillingPlanType;
 }) => {
   const [mutation, mutate] = useMutation(GenerateStripeLinkMutation);
-  const router = useRouter();
   const organization = useFragment(BillingPaymentMethod_OrganizationFragment, props.organization);
   const info = organization.billingConfiguration.paymentMethod;
 
@@ -68,10 +66,7 @@ export const ManagePaymentMethod = (props: {
                 },
               }).then(result => {
                 if (result.data?.generateStripePortalLink) {
-                  void router.navigate({
-                    to: result.data.generateStripePortalLink,
-                  });
-                  // void router.push(result.data.generateStripePortalLink);
+                  window.location.href = result.data.generateStripePortalLink;
                 }
               });
             }}