diff --git a/src/components/SelectionList/BaseListItem.tsx b/src/components/SelectionList/BaseListItem.tsx
index 67de9153d0d6..6acb9284db6b 100644
--- a/src/components/SelectionList/BaseListItem.tsx
+++ b/src/components/SelectionList/BaseListItem.tsx
@@ -58,75 +58,85 @@ function BaseListItem<TItem extends ListItem>({
     };
 
     return (
-        <PressableWithFeedback
-            // eslint-disable-next-line react/jsx-props-no-spreading
-            {...bind}
-            onPress={() => onSelectRow(item)}
-            disabled={isDisabled}
-            accessibilityLabel={item.text ?? ''}
-            hoverDimmingValue={1}
-            hoverStyle={!item.isDisabled && !item.isSelected && styles.hoveredComponentBG}
-            onMouseDown={shouldPreventDefaultFocusOnSelectRow ? (e) => e.preventDefault() : undefined}
-            nativeID={keyForList ?? ''}
-            style={pressableStyle}
+        <OfflineWithFeedback
+            onClose={() => onDismissError(item)}
+            pendingAction={pendingAction}
+            errors={errors}
+            errorRowStyles={styles.ph5}
+            style={containerStyle}
         >
-            <View style={wrapperStyle}>
-                {canSelectMultiple && checkmarkPosition === CONST.DIRECTION.LEFT && (
-                    <PressableWithFeedback
-                        accessibilityLabel={item.text ?? ''}
-                        role={CONST.ROLE.BUTTON}
-                        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-                        disabled={isDisabled || item.isDisabledCheckbox}
-                        onPress={handleCheckboxPress}
-                        style={[styles.cursorUnset, StyleUtils.getCheckboxPressableStyle(), item.isDisabledCheckbox && styles.cursorDisabled, styles.mr3]}
-                    >
-                        <View style={selectMultipleStyle}>
-                            {item.isSelected && (
-                                <Icon
-                                    src={Expensicons.Checkmark}
-                                    fill={theme.textLight}
-                                    height={14}
-                                    width={14}
-                                />
-                            )}
-                        </View>
-                    </PressableWithFeedback>
-                )}
-
-                {typeof children === 'function' ? children(hovered) : children}
+            <PressableWithFeedback
+                // eslint-disable-next-line react/jsx-props-no-spreading
+                {...bind}
+                onPress={() => onSelectRow(item)}
+                disabled={isDisabled}
+                accessibilityLabel={item.text ?? ''}
+                role={CONST.ROLE.BUTTON}
+                hoverDimmingValue={1}
+                hoverStyle={!item.isSelected && styles.hoveredComponentBG}
+                dataSet={{[CONST.SELECTION_SCRAPER_HIDDEN_ELEMENT]: true}}
+                onMouseDown={shouldPreventDefaultFocusOnSelectRow ? (e) => e.preventDefault() : undefined}
+                nativeID={keyForList ?? ''}
+                style={pressableStyle}
+            >
+                <View style={wrapperStyle}>
+                    {canSelectMultiple && checkmarkPosition === CONST.DIRECTION.LEFT && (
+                        <PressableWithFeedback
+                            accessibilityLabel={item.text ?? ''}
+                            role={CONST.ROLE.BUTTON}
+                            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+                            disabled={isDisabled || item.isDisabledCheckbox}
+                            onPress={handleCheckboxPress}
+                            style={[styles.cursorUnset, StyleUtils.getCheckboxPressableStyle(), item.isDisabledCheckbox && styles.cursorDisabled]}
+                        >
+                            <View style={selectMultipleStyle}>
+                                {item.isSelected && (
+                                    <Icon
+                                        src={Expensicons.Checkmark}
+                                        fill={theme.textLight}
+                                        height={14}
+                                        width={14}
+                                    />
+                                )}
+                            </View>
+                        </PressableWithFeedback>
+                    )}
 
-                {canSelectMultiple && checkmarkPosition === CONST.DIRECTION.RIGHT && (
-                    <PressableWithFeedback
-                        onPress={handleCheckboxPress}
-                        disabled={isDisabled}
-                        role={CONST.ROLE.BUTTON}
-                        accessibilityLabel={item.text ?? ''}
-                        style={[styles.ml2, styles.optionSelectCircle]}
-                    >
-                        <SelectCircle
-                            isChecked={item.isSelected ?? false}
-                            selectCircleStyles={styles.ml0}
-                        />
-                    </PressableWithFeedback>
-                )}
+                    {typeof children === 'function' ? children(hovered) : children}
 
-                {!canSelectMultiple && item.isSelected && !rightHandSideComponent && (
-                    <View
-                        style={[styles.flexRow, styles.alignItemsCenter, styles.ml3]}
-                        accessible={false}
-                    >
-                        <View>
-                            <Icon
-                                src={Expensicons.Checkmark}
-                                fill={theme.success}
+                    {canSelectMultiple && checkmarkPosition === CONST.DIRECTION.RIGHT && (
+                        <PressableWithFeedback
+                            onPress={handleCheckboxPress}
+                            disabled={isDisabled}
+                            role={CONST.ROLE.BUTTON}
+                            accessibilityLabel={item.text ?? ''}
+                            style={[styles.ml2, styles.optionSelectCircle]}
+                        >
+                            <SelectCircle
+                                isChecked={item.isSelected ?? false}
+                                selectCircleStyles={styles.ml0}
                             />
+                        </PressableWithFeedback>
+                    )}
+
+                    {!canSelectMultiple && item.isSelected && !rightHandSideComponent && (
+                        <View
+                            style={[styles.flexRow, styles.alignItemsCenter, styles.ml3]}
+                            accessible={false}
+                        >
+                            <View>
+                                <Icon
+                                    src={Expensicons.Checkmark}
+                                    fill={theme.success}
+                                />
+                            </View>
                         </View>
-                    </View>
-                )}
-                {rightHandSideComponentRender()}
-            </View>
-            {FooterComponent}
-        </PressableWithFeedback>
+                    )}
+                    {rightHandSideComponentRender()}
+                </View>
+                {FooterComponent}
+            </PressableWithFeedback>
+        </OfflineWithFeedback>
     );
 }
 
diff --git a/src/components/SelectionList/TableListItem.tsx b/src/components/SelectionList/TableListItem.tsx
index 1fb996bc13b9..b7c3ed549d82 100644
--- a/src/components/SelectionList/TableListItem.tsx
+++ b/src/components/SelectionList/TableListItem.tsx
@@ -31,6 +31,10 @@ function TableListItem({
     return (
         <BaseListItem
             item={item}
+            pressableStyle={[[styles.selectionListPressableItemWrapper, item.isSelected && styles.activeComponentBG, isFocused && styles.sidebarLinkActive]]}
+            wrapperStyle={[styles.flexRow, styles.flex1, styles.justifyContentBetween, styles.userSelectNone, styles.alignItemsCenter]}
+            containerStyle={styles.mb3}
+            selectMultipleStyle={[StyleUtils.getCheckboxContainerStyle(20), StyleUtils.getMultiselectListStyles(!!item.isSelected, !!item.isDisabled)]}
             isFocused={isFocused}
             isDisabled={isDisabled}
             showTooltip={showTooltip}
@@ -62,6 +66,14 @@ function TableListItem({
                         <TextWithTooltip
                             shouldShowTooltip={showTooltip}
                             text={item.text ?? ''}
+                            style={[
+                                styles.optionDisplayName,
+                                isFocused ? styles.sidebarLinkActiveText : styles.sidebarLinkText,
+                                styles.sidebarLinkTextBold,
+                                styles.pre,
+                                item.alternateText ? styles.mb1 : null,
+                                styles.justifyContentCenter,
+                            ]}
                         />
                         {!!item.alternateText && (
                             <TextWithTooltip
diff --git a/src/pages/workspace/WorkspaceMembersPage.tsx b/src/pages/workspace/WorkspaceMembersPage.tsx
index a9460b905e19..7b77f6b60ede 100644
--- a/src/pages/workspace/WorkspaceMembersPage.tsx
+++ b/src/pages/workspace/WorkspaceMembersPage.tsx
@@ -583,7 +583,6 @@ function WorkspaceMembersPage({
                     }}
                 />
                 <View style={[styles.w100, styles.flex1]}>
-																	//
                     <SelectionList
                         ref={selectionListRef}
                         canSelectMultiple={isPolicyAdmin}