diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults.tsx
index 803c7f022..b93e19c2d 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults.tsx
@@ -120,16 +120,18 @@ const Vaults = () => {
         <EditVaultModal onCloseDialog={closeVaultModal} />
       </ModalOverlay>
 
-      <PreferencesGroup>
-        <PreferencesSegment>
-          <Title>Incoming Invites</Title>
-          <div className="my-2 flex flex-col gap-3.5">
-            {invites.map((invite) => {
-              return <InviteItem inviteRecord={invite} key={invite.invite.uuid} />
-            })}
-          </div>
-        </PreferencesSegment>
-      </PreferencesGroup>
+      {invites.length > 0 && (
+        <PreferencesGroup>
+          <PreferencesSegment>
+            <Title>Incoming Invites</Title>
+            <div className="my-2 flex flex-col gap-3.5">
+              {invites.map((invite) => {
+                return <InviteItem inviteRecord={invite} key={invite.invite.uuid} />
+              })}
+            </div>
+          </PreferencesSegment>
+        </PreferencesGroup>
+      )}
 
       <PreferencesGroup>
         <PreferencesSegment>