diff --git a/src/views/verification/VerifyExistingMember.module.css b/src/views/verification/VerifyExistingMember.module.css index 54cfbb238c..eae5ef6675 100644 --- a/src/views/verification/VerifyExistingMember.module.css +++ b/src/views/verification/VerifyExistingMember.module.css @@ -10,19 +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; -} - .searchButton:global(.MuiButton-root) { margin-top: var(--spacing-3); } diff --git a/src/views/verification/VerifyExistingMember.tsx b/src/views/verification/VerifyExistingMember.tsx index 0b2533277e..f0ce5d95c5 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 = (props) => { productSupportingMembers.length, )} - - {productSupportingMembers.map((member) => { - return ( - - handleMemberClick(member)} - > - - - - - - - ) - })} - + + + {productSupportingMembers.map((member) => { + return ( + + handleMemberClick(member)}> + + + + + + + ) + })} + +