diff --git a/apps/web/src/app/vault/individual-vault/vault.component.ts b/apps/web/src/app/vault/individual-vault/vault.component.ts
index 01082bfcd60..a5b709b5588 100644
--- a/apps/web/src/app/vault/individual-vault/vault.component.ts
+++ b/apps/web/src/app/vault/individual-vault/vault.component.ts
@@ -96,6 +96,7 @@ import {
   CollectionDialogTabType,
   openCollectionDialog,
 } from "../../admin-console/organizations/shared/components/collection-dialog";
+import { UpgradeFlowService } from "../../billing/individual/upgrade/services/upgrade-flow.service";
 import { SharedModule } from "../../shared/shared.module";
 import { AssignCollectionsWebComponent } from "../components/assign-collections";
 import {
@@ -150,6 +151,7 @@ const BroadcasterSubscriptionId = "VaultComponent";
     RoutedVaultFilterService,
     RoutedVaultFilterBridgeService,
     DefaultCipherFormConfigService,
+    UpgradeFlowService,
   ],
 })
 export class VaultComponent<C extends CipherViewLike> implements OnInit, OnDestroy {
@@ -223,6 +225,7 @@ export class VaultComponent<C extends CipherViewLike> implements OnInit, OnDestr
     private restrictedItemTypesService: RestrictedItemTypesService,
     private cipherArchiveService: CipherArchiveService,
     private organizationWarningsService: OrganizationWarningsService,
+    private upgradeFlowService: UpgradeFlowService,
   ) {}
 
   async ngOnInit() {
@@ -525,6 +528,11 @@ export class VaultComponent<C extends CipherViewLike> implements OnInit, OnDestr
           this.changeDetectorRef.markForCheck();
         },
       );
+    await this.openUpgradeDialog();
+  }
+
+  private async openUpgradeDialog() {
+    await this.upgradeFlowService.startUpgradeFlow();
   }
 
   ngOnDestroy() {