From 422506da0b48f56c9ebaf8ea372314517a484734 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Wed, 6 Sep 2023 15:29:05 +0530
Subject: [PATCH] chore: fix spacing

---
 .../Components/Preferences/Panes/Vaults/Vaults.tsx   | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

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 fdae8c89d..b55484f71 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults.tsx
@@ -143,11 +143,13 @@ const Vaults = () => {
       <PreferencesGroup>
         <PreferencesSegment>
           <Title>Contacts</Title>
-          <div className="my-2 flex flex-col gap-3.5">
-            {contacts.map((contact) => {
-              return <ContactItem contact={contact} key={contact.uuid} />
-            })}
-          </div>
+          {contacts.length > 0 && (
+            <div className="my-2 flex flex-col gap-3.5">
+              {contacts.map((contact) => {
+                return <ContactItem contact={contact} key={contact.uuid} />
+              })}
+            </div>
+          )}
           <div className="mt-2.5 flex flex-row">
             <Button label="Add New Contact" className={'mr-3 text-xs'} onClick={createNewContact} />
           </div>