diff --git a/frontend/src/scenes/billing/BillingProduct.tsx b/frontend/src/scenes/billing/BillingProduct.tsx
index b7023ee15df01..8e30240eda1e6 100644
--- a/frontend/src/scenes/billing/BillingProduct.tsx
+++ b/frontend/src/scenes/billing/BillingProduct.tsx
@@ -42,8 +42,10 @@ export const getTierDescription = (
 
 export const BillingProductAddon = ({ addon }: { addon: BillingProductV2AddonType }): JSX.Element => {
     const { billing, redirectPath } = useValues(billingLogic)
-    const { isPricingModalOpen, currentAndUpgradePlans, surveyID } = useValues(billingProductLogic({ product: addon }))
-    const { toggleIsPricingModalOpen, reportSurveyShown, setSurveyResponse } = useActions(
+    const { isPricingModalOpen, currentAndUpgradePlans, surveyID, billingProductLoading } = useValues(
+        billingProductLogic({ product: addon })
+    )
+    const { toggleIsPricingModalOpen, reportSurveyShown, setSurveyResponse, setBillingProductLoading } = useActions(
         billingProductLogic({ product: addon })
     )
     const { featureFlags } = useValues(featureFlagLogic)
@@ -168,6 +170,10 @@ export const BillingProductAddon = ({ addon }: { addon: BillingProductV2AddonTyp
                                     currentAndUpgradePlans?.upgradePlan?.plan_key
                                 }${redirectPath && `&redirect_path=${redirectPath}`}`}
                                 disableClientSideRouting
+                                loading={billingProductLoading === addon.type}
+                                onClick={() => {
+                                    setBillingProductLoading(addon.type)
+                                }}
                             >
                                 Add
                             </LemonButton>
@@ -201,6 +207,7 @@ export const BillingProduct = ({ product }: { product: BillingProductV2Type }):
         isPlanComparisonModalOpen,
         currentAndUpgradePlans,
         surveyID,
+        billingProductLoading,
     } = useValues(billingProductLogic({ product }))
     const {
         setIsEditingBillingLimit,
@@ -209,6 +216,7 @@ export const BillingProduct = ({ product }: { product: BillingProductV2Type }):
         toggleIsPlanComparisonModalOpen,
         reportSurveyShown,
         setSurveyResponse,
+        setBillingProductLoading,
     } = useActions(billingProductLogic({ product, productRef }))
     const { reportBillingUpgradeClicked } = useActions(eventUsageLogic)
 
@@ -707,8 +715,10 @@ export const BillingProduct = ({ product }: { product: BillingProductV2Type }):
                                                 type="primary"
                                                 icon={<IconPlus />}
                                                 disableClientSideRouting
+                                                loading={billingProductLoading === product.type}
                                                 onClick={() => {
                                                     reportBillingUpgradeClicked(product.type)
+                                                    setBillingProductLoading(product.type)
                                                 }}
                                                 className="grow"
                                                 center
diff --git a/frontend/src/scenes/billing/billingProductLogic.ts b/frontend/src/scenes/billing/billingProductLogic.ts
index fa9b0f22af08b..ef2630234c75c 100644
--- a/frontend/src/scenes/billing/billingProductLogic.ts
+++ b/frontend/src/scenes/billing/billingProductLogic.ts
@@ -53,6 +53,7 @@ export const billingProductLogic = kea<billingProductLogicType>([
         }),
         reportSurveyDismissed: (surveyID: string) => ({ surveyID }),
         setSurveyID: (surveyID: string) => ({ surveyID }),
+        setBillingProductLoading: (productKey: string) => ({ productKey }),
     }),
     reducers({
         billingLimitInput: [
@@ -109,6 +110,12 @@ export const billingProductLogic = kea<billingProductLogicType>([
                 setSurveyID: (_, { surveyID }) => surveyID,
             },
         ],
+        billingProductLoading: [
+            null as string | null,
+            {
+                setBillingProductLoading: (_, { productKey }) => productKey,
+            },
+        ],
         comparisonModalHighlightedFeatureKey: [
             null as string | null,
             {