diff --git a/apps/web/components/getting-started/components/AppConnectionItem.tsx b/apps/web/components/getting-started/components/AppConnectionItem.tsx
index 48358a189c..9431679c63 100644
--- a/apps/web/components/getting-started/components/AppConnectionItem.tsx
+++ b/apps/web/components/getting-started/components/AppConnectionItem.tsx
@@ -28,6 +28,7 @@ const AppConnectionItem = (props: IAppConnectionItem) => {
             color="secondary"
             disabled={installed}
             type="button"
+            loading={buttonProps?.isLoading}
             onClick={(event) => {
               // Save cookie key to return url step
               document.cookie = `return-to=${window.location.href};path=/;max-age=3600;SameSite=Lax`;
diff --git a/packages/app-store/components.tsx b/packages/app-store/components.tsx
index c7f2f8dc63..638098c4fd 100644
--- a/packages/app-store/components.tsx
+++ b/packages/app-store/components.tsx
@@ -34,6 +34,7 @@ export const InstallAppButtonWithoutPlanCheck = (
           onClick: () => {
             mutation.mutate({ type: props.type });
           },
+          isLoading: mutation.isLoading,
         })}
       </>
     );
diff --git a/packages/app-store/types.d.ts b/packages/app-store/types.d.ts
index 8127b37539..b2f81b08c6 100644
--- a/packages/app-store/types.d.ts
+++ b/packages/app-store/types.d.ts
@@ -34,6 +34,7 @@ export interface InstallAppButtonProps {
     renderProps: ButtonProps & {
       /** Tells that the default render component should be used */
       useDefaultComponent?: boolean;
+      isLoading?: boolean;
     }
   ) => JSX.Element;
   onChanged?: () => unknown;