diff --git a/web/settings/relationship/user-list-modal.react.js b/web/settings/relationship/user-list-modal.react.js
--- a/web/settings/relationship/user-list-modal.react.js
+++ b/web/settings/relationship/user-list-modal.react.js
@@ -40,18 +40,18 @@
           usersComparator={usersComparator}
           searchText={searchText}
         />
-        <Button variant="filled" onClick={onAddUsersClick}>
-          {buttonLabel}
-        </Button>
       </div>
     ),
-    [
-      buttonLabel,
-      filterUser,
-      onAddUsersClick,
-      userRowComponent,
-      usersComparator,
-    ],
+    [filterUser, userRowComponent, usersComparator],
+  );
+
+  const primaryButton = React.useMemo(
+    () => (
+      <Button variant="filled" onClick={onAddUsersClick}>
+        {buttonLabel}
+      </Button>
+    ),
+    [buttonLabel, onAddUsersClick],
   );
 
   return (
@@ -60,6 +60,7 @@
       size="large"
       searchPlaceholder="Search by name"
       onClose={popModal}
+      primaryButton={primaryButton}
     >
       {searchModalChildGenerator}
     </SearchModal>
diff --git a/web/settings/relationship/user-list.css b/web/settings/relationship/user-list.css
--- a/web/settings/relationship/user-list.css
+++ b/web/settings/relationship/user-list.css
@@ -27,7 +27,7 @@
   display: flex;
   flex-direction: column;
   row-gap: 8px;
-  height: 625px;
+  height: 60vh;
 }
 
 .emptyList {