diff --git a/src/app/vault/vault.component.html b/src/app/vault/vault.component.html
index 215a626a..c4e7a84c 100644
--- a/src/app/vault/vault.component.html
+++ b/src/app/vault/vault.component.html
@@ -14,7 +14,7 @@
       >
       </app-vault-groupings>
     </div>
-    <div class="col-6">
+    <div [ngClass]="{ 'col-6': isShowingCards, 'col-9': !isShowingCards }">
       <div class="page-header d-flex">
         <h1>
           {{ "vaultItems" | i18n }}
diff --git a/src/app/vault/vault.component.ts b/src/app/vault/vault.component.ts
index bc3af9ba..ba44db85 100644
--- a/src/app/vault/vault.component.ts
+++ b/src/app/vault/vault.component.ts
@@ -146,6 +146,15 @@ export class VaultComponent implements OnInit, OnDestroy {
     });
   }
 
+  get isShowingCards() {
+    return (
+      this.showBrowserOutdated ||
+      this.showPremiumCallout ||
+      this.showUpdateKey ||
+      this.showVerifyEmail
+    );
+  }
+
   ngOnDestroy() {
     this.broadcasterService.unsubscribe(BroadcasterSubscriptionId);
   }