From dc956c1a1db608ac218a87267692e24a40fbdbd1 Mon Sep 17 00:00:00 2001
From: Wes Risenmay <wes.risenmay@mx.com>
Date: Fri, 18 Sep 2026 10:15:43 -0600
Subject: [PATCH 1/2] fix: expanding the margins of the Connected Institutions

---
 .../VerifyExistingMember.module.css           |  8 ----
 .../verification/VerifyExistingMember.tsx     | 44 +++++++++----------
 2 files changed, 22 insertions(+), 30 deletions(-)

diff --git a/src/views/verification/VerifyExistingMember.module.css b/src/views/verification/VerifyExistingMember.module.css
index 54cfbb238c..33cda7c7fe 100644
--- a/src/views/verification/VerifyExistingMember.module.css
+++ b/src/views/verification/VerifyExistingMember.module.css
@@ -10,14 +10,6 @@
   margin-bottom: var(--spacing-point-5);
 }
 
-.listItemButton:global(.MuiButtonBase-root) {
-  border-radius: 8px;
-  margin: 0;
-  min-height: 72px;
-  padding-left: 0;
-  padding-right: 0;
-}
-
 .avatar:global(.MuiListItemAvatar-root) {
   min-height: 48px;
   min-width: 48px;
diff --git a/src/views/verification/VerifyExistingMember.tsx b/src/views/verification/VerifyExistingMember.tsx
index 0b2533277e..a50dc17da0 100644
--- a/src/views/verification/VerifyExistingMember.tsx
+++ b/src/views/verification/VerifyExistingMember.tsx
@@ -26,6 +26,7 @@ import { PrivateAndSecure } from 'src/components/PrivateAndSecure'
 import { LoadingSpinner } from 'src/components/LoadingSpinner'
 import { GenericError } from 'src/components/GenericError'
 import styles from 'src/views/verification/VerifyExistingMember.module.css'
+import { FlushListContainer } from 'src/shared/MuiList/FlushListContainer'
 
 interface VerifyExistingMemberProps {
   members: MemberResponseType[]
@@ -162,28 +163,27 @@ const VerifyExistingMember: React.FC<VerifyExistingMemberProps> = (props) => {
           productSupportingMembers.length,
         )}
       </Text>
-      <List>
-        {productSupportingMembers.map((member) => {
-          return (
-            <ListItem data-test="connect-account-row" disableGutters={true} key={member.guid}>
-              <ListItemButton
-                className={styles.listItemButton}
-                onClick={() => handleMemberClick(member)}
-              >
-                <ListItemAvatar className={styles.avatar}>
-                  <InstitutionLogo
-                    alt={member.name as string}
-                    aria-hidden={true}
-                    institutionGuid={member.institution_guid}
-                    size={48}
-                  />
-                </ListItemAvatar>
-                <ListItemText primary={member.name} secondary={member.institution_url} />
-              </ListItemButton>
-            </ListItem>
-          )
-        })}
-      </List>
+      <FlushListContainer>
+        <List>
+          {productSupportingMembers.map((member) => {
+            return (
+              <ListItem data-test="connect-account-row" key={member.guid}>
+                <ListItemButton onClick={() => handleMemberClick(member)}>
+                  <ListItemAvatar className={styles.avatar}>
+                    <InstitutionLogo
+                      alt={member.name as string}
+                      aria-hidden={true}
+                      institutionGuid={member.institution_guid}
+                      size={48}
+                    />
+                  </ListItemAvatar>
+                  <ListItemText primary={member.name} secondary={member.institution_url} />
+                </ListItemButton>
+              </ListItem>
+            )
+          })}
+        </List>
+      </FlushListContainer>
       <Button
         className={styles.searchButton}
         data-test="search-more-inst-button"

From 01f124511d4eff1af18c5e3081259e266e72e065 Mon Sep 17 00:00:00 2001
From: Wes Risenmay <wes.risenmay@mx.com>
Date: Fri, 18 Sep 2026 10:24:32 -0600
Subject: [PATCH 2/2] remove unnecessary styling

---
 src/views/verification/VerifyExistingMember.module.css | 5 -----
 src/views/verification/VerifyExistingMember.tsx        | 2 +-
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/views/verification/VerifyExistingMember.module.css b/src/views/verification/VerifyExistingMember.module.css
index 33cda7c7fe..eae5ef6675 100644
--- a/src/views/verification/VerifyExistingMember.module.css
+++ b/src/views/verification/VerifyExistingMember.module.css
@@ -10,11 +10,6 @@
   margin-bottom: var(--spacing-point-5);
 }
 
-.avatar:global(.MuiListItemAvatar-root) {
-  min-height: 48px;
-  min-width: 48px;
-}
-
 .searchButton:global(.MuiButton-root) {
   margin-top: var(--spacing-3);
 }
diff --git a/src/views/verification/VerifyExistingMember.tsx b/src/views/verification/VerifyExistingMember.tsx
index a50dc17da0..f0ce5d95c5 100644
--- a/src/views/verification/VerifyExistingMember.tsx
+++ b/src/views/verification/VerifyExistingMember.tsx
@@ -169,7 +169,7 @@ const VerifyExistingMember: React.FC<VerifyExistingMemberProps> = (props) => {
             return (
               <ListItem data-test="connect-account-row" key={member.guid}>
                 <ListItemButton onClick={() => handleMemberClick(member)}>
-                  <ListItemAvatar className={styles.avatar}>
+                  <ListItemAvatar>
                     <InstitutionLogo
                       alt={member.name as string}
                       aria-hidden={true}