diff --git a/web/settings/relationship/add-friends-modal.react.js b/web/settings/relationship/add-friends-modal.react.js
--- a/web/settings/relationship/add-friends-modal.react.js
+++ b/web/settings/relationship/add-friends-modal.react.js
@@ -20,9 +20,9 @@
 function AddFriendsModal(): React.Node {
   return (
     <AddUsersListModal
-      name="Add Friends"
+      name="Add friends"
       excludedStatuses={excludedStatuses}
-      confirmButtonContent="Send Friend Requests"
+      confirmButtonContent="Send friend requests"
       relationshipAction={relationshipActions.FRIEND}
     />
   );
diff --git a/web/settings/relationship/add-users-list.css b/web/settings/relationship/add-users-list.css
--- a/web/settings/relationship/add-users-list.css
+++ b/web/settings/relationship/add-users-list.css
@@ -1,11 +1,11 @@
 .container {
-  height: 625px;
+  height: 60vh;
   display: flex;
   flex-direction: column;
 }
 
-.userRowsContainer {
-  overflow: auto;
+.scrollContainer {
+  overflow-y: scroll;
   display: flex;
   flex-direction: column;
   flex: 1;
diff --git a/web/settings/relationship/block-users-modal.react.js b/web/settings/relationship/block-users-modal.react.js
--- a/web/settings/relationship/block-users-modal.react.js
+++ b/web/settings/relationship/block-users-modal.react.js
@@ -21,13 +21,13 @@
   const buttonContent = (
     <div>
       <FontAwesomeIcon icon={faUserShield} />
-      {' Block Users'}
+      {' Block users'}
     </div>
   );
 
   return (
     <AddUsersListModal
-      name="Block Users"
+      name="Block users"
       excludedStatuses={excludedStatuses}
       confirmButtonContent={buttonContent}
       confirmButtonColor={buttonThemes.danger}