From 89dcafd6569d6da43bf676cdfdffdfa58c355957 Mon Sep 17 00:00:00 2001
From: lukaw3d <lukajeran@oasislabs.com>
Date: Fri, 24 May 2024 04:15:22 +0200
Subject: [PATCH] Stop settings dialog resizing when clicking "Add contact"

---
 .changelog/1950.bugfix.md                     |  1 +
 .../Toolbar/Features/Contacts/index.tsx       | 42 ++++++++++---------
 2 files changed, 23 insertions(+), 20 deletions(-)
 create mode 100644 .changelog/1950.bugfix.md

diff --git a/.changelog/1950.bugfix.md b/.changelog/1950.bugfix.md
new file mode 100644
index 0000000000..0cf9d94f09
--- /dev/null
+++ b/.changelog/1950.bugfix.md
@@ -0,0 +1 @@
+Stop settings dialog resizing when clicking "Add contact"
diff --git a/src/app/components/Toolbar/Features/Contacts/index.tsx b/src/app/components/Toolbar/Features/Contacts/index.tsx
index 71ac917390..4c8d9a10f7 100644
--- a/src/app/components/Toolbar/Features/Contacts/index.tsx
+++ b/src/app/components/Toolbar/Features/Contacts/index.tsx
@@ -62,27 +62,29 @@ export const Contacts = ({ closeHandler }: ContactsProps) => {
   }
 
   return (
-    <Box flex="grow" justify="between" gap="medium">
-      {!contacts.length && (
-        <ContactsListEmptyState>
-          {t('toolbar.contacts.emptyList', 'You have no contacts yet.')}
-        </ContactsListEmptyState>
-      )}
-      {!!contacts.length && (
-        <ScrollableContainer>
-          {contacts.map(contact => (
-            <ContactAccount key={contact.address} contact={contact} />
-          ))}
-        </ScrollableContainer>
-      )}
-      <Box align="end">
-        <Button
-          primary
-          label={t('toolbar.contacts.add', 'Add contact')}
-          onClick={() => setLayerVisibility(true)}
-        />
+    <>
+      <Box flex="grow" justify="between" gap="medium">
+        {!contacts.length && (
+          <ContactsListEmptyState>
+            {t('toolbar.contacts.emptyList', 'You have no contacts yet.')}
+          </ContactsListEmptyState>
+        )}
+        {!!contacts.length && (
+          <ScrollableContainer>
+            {contacts.map(contact => (
+              <ContactAccount key={contact.address} contact={contact} />
+            ))}
+          </ScrollableContainer>
+        )}
+        <Box align="end">
+          <Button
+            primary
+            label={t('toolbar.contacts.add', 'Add contact')}
+            onClick={() => setLayerVisibility(true)}
+          />
+        </Box>
       </Box>
       {layerVisibility && <AddContact setLayerVisibility={setLayerVisibility} />}
-    </Box>
+    </>
   )
 }