diff --git a/src/ROUTES.js b/src/ROUTES.js
index 99ceddcdcf91..d77cf02ed13a 100644
--- a/src/ROUTES.js
+++ b/src/ROUTES.js
@@ -52,11 +52,13 @@ export default {
     VALIDATE_LOGIN_WITH_VALIDATE_CODE: 'v/:accountID/:validateCode',
     ENABLE_PAYMENTS: 'enable-payments',
     WORKSPACE_NEW: 'workspace/new',
-    WORKSPACE_CARD: ':policyID/card',
     WORKSPACE: 'workspace',
+    WORKSPACE_CARD: ':policyID/card',
+    WORKSPACE_PEOPLE: ':policyID/people',
     getWorkspaceCardRoute: policyID => `workspace/${policyID}/card`,
-    WORKSPACE_INVITE: 'workspace/:policyID/invite',
+    getWorkspacePeopleRoute: policyID => `workspace/${policyID}/people`,
     getWorkspaceInviteRoute: policyID => `workspace/${policyID}/invite`,
+    WORKSPACE_INVITE: 'workspace/:policyID/invite',
     REQUEST_CALL: 'request-call',
 
     /**
diff --git a/src/components/Button.js b/src/components/Button.js
index 6ec8633a20f9..cbdfc99122fa 100644
--- a/src/components/Button.js
+++ b/src/components/Button.js
@@ -36,6 +36,9 @@ const propTypes = {
     /** Whether we should use the success theme color */
     success: PropTypes.bool,
 
+    /** Whether we should use the danger theme color */
+    danger: PropTypes.bool,
+
     /** Optional content component to replace all inner contents of button */
     ContentComponent: PropTypes.func,
 
@@ -55,6 +58,7 @@ const defaultProps = {
     style: [],
     textStyles: [],
     success: false,
+    danger: false,
     ContentComponent: undefined,
     shouldRemoveRightBorderRadius: false,
     shouldRemoveLeftBorderRadius: false,
@@ -79,6 +83,7 @@ const Button = (props) => {
                         styles.buttonText,
                         props.large && styles.buttonLargeText,
                         props.success && styles.buttonSuccessText,
+                        props.danger && styles.buttonDangerText,
                         ...props.textStyles,
                     ]}
                 >
@@ -102,8 +107,11 @@ const Button = (props) => {
                         styles.button,
                         props.large ? styles.buttonLarge : undefined,
                         props.success ? styles.buttonSuccess : undefined,
-                        props.isDisabled ? styles.buttonDisable : undefined,
+                        props.danger ? styles.buttonDanger : undefined,
+                        (props.isDisabled && props.danger) ? styles.buttonDangerDisabled : undefined,
+                        (props.isDisabled && !props.danger) ? styles.buttonDisable : undefined,
                         (props.success && hovered) ? styles.buttonSuccessHovered : undefined,
+                        (props.danger && hovered) ? styles.buttonDangerHovered : undefined,
                         props.shouldRemoveRightBorderRadius ? styles.noRightBorderRadius : undefined,
                         props.shouldRemoveLeftBorderRadius ? styles.noLeftBorderRadius : undefined,
                     ]}
diff --git a/src/components/ConfirmModal.js b/src/components/ConfirmModal.js
index bb2a2a9ea1f2..7e13a2ed68ec 100755
--- a/src/components/ConfirmModal.js
+++ b/src/components/ConfirmModal.js
@@ -32,6 +32,9 @@ const propTypes = {
     /** Modal content text */
     prompt: PropTypes.string,
 
+    /** Is the action destructive */
+    danger: PropTypes.bool,
+
     ...withLocalizePropTypes,
 
     ...windowDimensionsPropTypes,
@@ -41,6 +44,7 @@ const defaultProps = {
     confirmText: '',
     cancelText: '',
     prompt: '',
+    danger: false,
 };
 
 const ConfirmModal = props => (
@@ -63,6 +67,7 @@ const ConfirmModal = props => (
 
             <Button
                 success
+                danger={props.danger}
                 style={[styles.mt4]}
                 onPress={props.onConfirm}
                 text={props.confirmText || props.translate('common.yes')}
diff --git a/src/languages/en.js b/src/languages/en.js
index 44861446289c..538bb326b0ff 100755
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -50,6 +50,8 @@ export default {
         whatThis: 'What\'s this?',
         iAcceptThe: 'I accept the ',
         passwordCannotBeBlank: 'Password cannot be blank',
+        remove: 'Remove',
+        admin: 'Admin',
         dateFormat: 'YYYY-MM-DD',
         send: 'Send',
         notifications: 'Notifications',
@@ -434,6 +436,12 @@ export default {
             getStarted: 'Get started!',
             genericFailureMessage: 'An error occurred creating the workspace, please try again.',
         },
+        people: {
+            assignee: 'Assignee',
+            genericFailureMessage: 'An error occurred removing a user from the workspace, please try again.',
+            removeMembersPrompt: 'Are you sure you want to remove the selected people from your workspace?',
+            removeMembersTitle: 'Remove Members',
+        },
         card: {
             addEmail: 'Add Email',
             tagline: 'The Smartest corporate card in the room.',
diff --git a/src/languages/es.js b/src/languages/es.js
index 43744c63201e..22db7566f107 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -46,6 +46,8 @@ export default {
         whatThis: '¿Qué es esto?',
         iAcceptThe: 'Acepto los ',
         passwordCannotBeBlank: 'La contraseña no puede estar vacía',
+        remove: 'Eliminar',
+        admin: 'Administrador',
         dateFormat: 'AAAA-MM-DD',
         send: 'Enviar',
         notifications: 'Notificaciones',
@@ -366,6 +368,12 @@ export default {
             getStarted: '¡Empezar!',
             genericFailureMessage: 'Se ha producido un error al intentar crear el Workspace. Por favor, inténtalo de nuevo.',
         },
+        people: {
+            assignee: 'Persona asignada',
+            genericFailureMessage: 'Se ha producido un error al intentar eliminar a un usuario del espacio de trabajo. Por favor inténtalo más tarde.',
+            removeMembersPrompt: '¿Estás seguro que quieres eliminar a las personas seleccionadas de tu espacio de trabajo?',
+            removeMembersTitle: 'Eliminar miembros',
+        },
         card: {
             addEmail: 'Agregar correo electrónico',
             tagline: 'La tarjeta corporativa más inteligente de la habitación.',
diff --git a/src/libs/API.js b/src/libs/API.js
index 2366c2388b06..f798c021c123 100644
--- a/src/libs/API.js
+++ b/src/libs/API.js
@@ -969,6 +969,18 @@ function Policy_Create(parameters) {
     return Network.post(commandName, parameters);
 }
 
+/**
+ * @param {Object} parameters
+ * @param {String} parameters.policyID
+ * @param {Array} parameters.emailList
+ * @returns {Promise}
+ */
+function Policy_Employees_Remove(parameters) {
+    const commandName = 'Policy_Employees_Remove';
+    requireParameters(['policyID', 'emailList'], parameters, commandName);
+    return Network.post(commandName, parameters);
+}
+
 /**
  * @param {Object} parameters
  * @param {String} parameters.taskID
@@ -1038,4 +1050,5 @@ export {
     GetPreferredCurrency,
     GetCurrencyList,
     Policy_Create,
+    Policy_Employees_Remove,
 };
diff --git a/src/libs/Navigation/AppNavigator/AuthScreens.js b/src/libs/Navigation/AppNavigator/AuthScreens.js
index b9e94137571a..df63a5c314f3 100644
--- a/src/libs/Navigation/AppNavigator/AuthScreens.js
+++ b/src/libs/Navigation/AppNavigator/AuthScreens.js
@@ -217,6 +217,7 @@ class AuthScreens extends React.Component {
             cardStyle: {...styles.fullscreenCard},
             cardStyleInterpolator: props => modalCardStyleInterpolator(this.props.isSmallScreenWidth, true, props),
             cardOverlayEnabled: false,
+            isFullScreenModal: true,
         };
 
         return (
diff --git a/src/libs/Navigation/AppNavigator/WorkspaceSettingsDrawerNavigator.js b/src/libs/Navigation/AppNavigator/WorkspaceSettingsDrawerNavigator.js
index f1d6882842f4..589dd6bda3c5 100644
--- a/src/libs/Navigation/AppNavigator/WorkspaceSettingsDrawerNavigator.js
+++ b/src/libs/Navigation/AppNavigator/WorkspaceSettingsDrawerNavigator.js
@@ -3,6 +3,7 @@ import React from 'react';
 // Screens
 import BaseDrawerNavigator from './BaseDrawerNavigator';
 import WorkspaceCardPage from '../../../pages/workspace/WorkspaceCardPage';
+import WorkspacePeoplePage from '../../../pages/workspace/WorkspacePeoplePage';
 import WorkspaceSidebar from '../../../pages/workspace/WorkspaceSidebar';
 
 const WorkspaceSettingsDrawerNavigator = () => (
@@ -15,6 +16,11 @@ const WorkspaceSettingsDrawerNavigator = () => (
                 component: WorkspaceCardPage,
                 initialParams: {},
             },
+            {
+                name: 'WorkspacePeople',
+                component: WorkspacePeoplePage,
+                initialParams: {},
+            },
         ]}
     />
 );
diff --git a/src/libs/Navigation/AppNavigator/createCustomModalStackNavigator.js b/src/libs/Navigation/AppNavigator/createCustomModalStackNavigator.js
index 5c3951e8751f..36b8f5ee916a 100644
--- a/src/libs/Navigation/AppNavigator/createCustomModalStackNavigator.js
+++ b/src/libs/Navigation/AppNavigator/createCustomModalStackNavigator.js
@@ -13,7 +13,9 @@ const CustomRootStackNavigator = ({
     const {state, navigation, descriptors} = useNavigationBuilder(StackRouter, {
         children,
     });
-    const isDisplayingModal = Boolean(_.find(descriptors, descriptor => descriptor.options.isModal));
+    const topScreen = _.last(_.values(descriptors));
+    const isDisplayingModal = Boolean(topScreen.options.isModal);
+    const isDisplayingFullScreenModal = Boolean(topScreen.options.isFullScreenModal);
     return (
         <>
             <StackView
@@ -27,7 +29,7 @@ const CustomRootStackNavigator = ({
             {/* We need to superimpose a clickaway handler when showing modals so that they can be dismissed. Capturing
             press events on the cardOverlay element in react-navigation is not yet supported on web */}
             <ClickAwayHandler
-                isDisplayingModal={isDisplayingModal}
+                isDisplayingModal={isDisplayingModal && !isDisplayingFullScreenModal}
             />
         </>
     );
diff --git a/src/libs/Navigation/linkingConfig.js b/src/libs/Navigation/linkingConfig.js
index 7b2d60f2c601..12928046940f 100644
--- a/src/libs/Navigation/linkingConfig.js
+++ b/src/libs/Navigation/linkingConfig.js
@@ -139,6 +139,7 @@ export default {
                 path: ROUTES.WORKSPACE,
                 screens: {
                     WorkspaceCard: ROUTES.WORKSPACE_CARD,
+                    WorkspacePeople: ROUTES.WORKSPACE_PEOPLE,
                 },
             },
 
diff --git a/src/libs/actions/Policy.js b/src/libs/actions/Policy.js
index 1a034a6dd514..cc09542ec4c4 100644
--- a/src/libs/actions/Policy.js
+++ b/src/libs/actions/Policy.js
@@ -1,7 +1,7 @@
 import _ from 'underscore';
 import Onyx from 'react-native-onyx';
 import {
-    GetPolicySummaryList, GetPolicyList, Policy_Employees_Merge, Policy_Create,
+    GetPolicySummaryList, GetPolicyList, Policy_Employees_Merge, Policy_Create, Policy_Employees_Remove,
 } from '../API';
 import ONYXKEYS from '../../ONYXKEYS';
 import {formatPersonalDetails} from './PersonalDetails';
@@ -91,6 +91,47 @@ function getPolicyList() {
         });
 }
 
+/**
+ * Remove the passed members from the policy employeeList
+ *
+ * @param {Array} members
+ * @param {String} policyID
+ */
+function removeMembers(members, policyID) {
+    // In case user selects only themselves (admin), their email will be filtered out and the members
+    // array passed will be empty, prevent the funtion from proceeding in that case as there is noone to remove
+    if (members.length === 0) {
+        return;
+    }
+
+    const key = `${ONYXKEYS.COLLECTION.POLICY}${policyID}`;
+
+    // Make a shallow copy to preserve original data and remove the members
+    const policy = _.clone(allPolicies[key]);
+    policy.employeeList = _.without(policy.employeeList, ...members);
+
+    // Optimistically remove the members from the policy
+    Onyx.set(key, policy);
+
+    // Make the API call to merge the login into the policy
+    Policy_Employees_Remove({
+        emailList: members,
+        policyID,
+    })
+        .then((data) => {
+            if (data.jsonCode === 200) {
+                return;
+            }
+            const policyDataWithMembersRemoved = _.clone(allPolicies[key]);
+            policyDataWithMembersRemoved.employeeList = [...policyDataWithMembersRemoved.employeeList, ...members];
+            Onyx.set(key, policyDataWithMembersRemoved);
+
+            // Show the user feedback that the removal failed
+            console.error(data.message);
+            Growl.show(translateLocal('workspace.people.genericFailureMessage'), CONST.GROWL.ERROR, 5000);
+        });
+}
+
 /**
  * Merges the passed in login into the specified policy
  *
@@ -165,6 +206,7 @@ function create(name) {
 export {
     getPolicySummaries,
     getPolicyList,
+    removeMembers,
     invite,
     create,
 };
diff --git a/src/pages/home/sidebar/optionPropTypes.js b/src/pages/home/sidebar/optionPropTypes.js
index 69924a70e49c..d6c18afa9d07 100644
--- a/src/pages/home/sidebar/optionPropTypes.js
+++ b/src/pages/home/sidebar/optionPropTypes.js
@@ -22,7 +22,7 @@ const optionPropTypes = PropTypes.shape({
     participantsList: PropTypes.arrayOf(participantPropTypes),
 
     // The array URLs of the person's avatar
-    icon: PropTypes.arrayOf(PropTypes.string),
+    icons: PropTypes.arrayOf(PropTypes.string),
 
     // Descriptive text to be displayed besides selection element
     descriptiveText: PropTypes.string,
diff --git a/src/pages/settings/InitialPage.js b/src/pages/settings/InitialPage.js
index dcd7ea64f22c..724548a171b3 100755
--- a/src/pages/settings/InitialPage.js
+++ b/src/pages/settings/InitialPage.js
@@ -126,7 +126,7 @@ const InitialSettingsPage = ({
 
     // Add free policies (workspaces) to the list of menu items
     const menuItems = _.chain(policies)
-        .filter(policy => policy.type === CONST.POLICY.TYPE.FREE && policy.role === CONST.POLICY.ROLE.ADMIN)
+        .filter(policy => policy && policy.type === CONST.POLICY.TYPE.FREE && policy.role === CONST.POLICY.ROLE.ADMIN)
         .map(policy => ({
             title: policy.name,
             icon: Building,
diff --git a/src/pages/workspace/WorkspacePeoplePage.js b/src/pages/workspace/WorkspacePeoplePage.js
new file mode 100644
index 000000000000..abbcd2c81d35
--- /dev/null
+++ b/src/pages/workspace/WorkspacePeoplePage.js
@@ -0,0 +1,289 @@
+import React from 'react';
+import _ from 'underscore';
+import lodashGet from 'lodash/get';
+import {
+    View, FlatList, TouchableOpacity,
+} from 'react-native';
+import PropTypes from 'prop-types';
+import {withOnyx} from 'react-native-onyx';
+import Str from 'expensify-common/lib/str';
+import styles from '../../styles/styles';
+import ONYXKEYS from '../../ONYXKEYS';
+import HeaderWithCloseButton from '../../components/HeaderWithCloseButton';
+import Navigation from '../../libs/Navigation/Navigation';
+import ScreenWrapper from '../../components/ScreenWrapper';
+import withLocalize, {withLocalizePropTypes} from '../../components/withLocalize';
+import compose from '../../libs/compose';
+import {removeMembers} from '../../libs/actions/Policy';
+import Button from '../../components/Button';
+import Checkbox from '../../components/Checkbox';
+import Text from '../../components/Text';
+import ROUTES from '../../ROUTES';
+import ConfirmModal from '../../components/ConfirmModal';
+import personalDetailsPropType from '../personalDetailsPropType';
+import withWindowDimensions, {windowDimensionsPropTypes} from '../../components/withWindowDimensions';
+import OptionRow from '../home/sidebar/OptionRow';
+
+const propTypes = {
+    ...withLocalizePropTypes,
+
+    ...windowDimensionsPropTypes,
+
+    /** The personal details of the person who is logged in */
+    personalDetails: personalDetailsPropType.isRequired,
+
+    /** The policy passed via the route */
+    policy: PropTypes.shape({
+        /** The policy name */
+        name: PropTypes.string,
+    }),
+
+    /** URL Route params */
+    route: PropTypes.shape({
+        /** Params from the URL path */
+        params: PropTypes.shape({
+            /** policyID passed via route: /workspace/:policyID/people */
+            policyID: PropTypes.string,
+        }),
+    }).isRequired,
+};
+
+const defaultProps = {
+    policy: {
+        name: '',
+    },
+};
+
+class WorkspacePeoplePage extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.state = {
+            selectedEmployees: [],
+            isRemoveMembersConfirmModalVisible: false,
+        };
+
+        this.renderItem = this.renderItem.bind(this);
+        this.addUser = this.addUser.bind(this);
+        this.removeUser = this.removeUser.bind(this);
+        this.askForConfirmationToRemove = this.askForConfirmationToRemove.bind(this);
+        this.hideConfirmModal = this.hideConfirmModal.bind(this);
+    }
+
+    /**
+     * Open the modal to invite a user
+     */
+    inviteUser() {
+        Navigation.navigate(ROUTES.getWorkspaceInviteRoute(this.props.route.params.policyID));
+    }
+
+    /**
+     * Remove selected users from the workspace
+     */
+    removeUsers() {
+        // Remove the admin from the list
+        const membersToRemove = _.without(this.state.selectedEmployees, this.props.session.email);
+        removeMembers(membersToRemove, this.props.route.params.policyID);
+        this.setState({
+            selectedEmployees: [],
+            isRemoveMembersConfirmModalVisible: false,
+        });
+    }
+
+    /**
+     * Show the modal to confirm removal of the selected members
+     */
+    askForConfirmationToRemove() {
+        this.setState({isRemoveMembersConfirmModalVisible: true});
+    }
+
+    /**
+     * Hide the confirmation modal
+     */
+    hideConfirmModal() {
+        this.setState({isRemoveMembersConfirmModalVisible: false});
+    }
+
+    /**
+     * Add or remove all users from the selectedEmployees list
+     */
+    toggleAllUsers() {
+        this.setState(prevState => ({
+            selectedEmployees: this.props.policy.employeeList.length !== prevState.selectedEmployees.length
+                ? this.props.policy.employeeList
+                : [],
+        }));
+    }
+
+    /**
+     * Toggle user from the selectedEmployees list
+     *
+     * @param {String} login
+     */
+    toggleUser(login) {
+        if (_.contains(this.state.selectedEmployees, login)) {
+            this.removeUser(login);
+        } else {
+            this.addUser(login);
+        }
+    }
+
+    /**
+     * Add user from the selectedEmployees list
+     *
+     * @param {String} login
+     */
+    addUser(login) {
+        this.setState(prevState => ({
+            selectedEmployees: [...prevState.selectedEmployees, login],
+        }));
+    }
+
+    /**
+     * Remove user from the selectedEmployees list
+     *
+     * @param {String} login
+     */
+    removeUser(login) {
+        this.setState(prevState => ({
+            selectedEmployees: _.without(prevState.selectedEmployees, login),
+        }));
+    }
+
+    /**
+     * Do not move this or make it an anonymous function it is a method
+     * so it will not be recreated each time we render an item
+     *
+     * See: https://reactnative.dev/docs/optimizing-flatlist-configuration#avoid-anonymous-function-on-renderitem
+     *
+     * @param {Object} args
+     * @param {Object} args.item
+     * @param {Number} args.index
+     *
+     * @returns {React.Component}
+     */
+    renderItem({
+        item,
+    }) {
+        return (
+            <TouchableOpacity
+                style={[styles.peopleRow]}
+                onPress={() => this.toggleUser(item.login)}
+                activeOpacity={0.7}
+            >
+                <View style={[styles.peopleRowCell]}>
+                    <Checkbox
+                        isChecked={_.contains(this.state.selectedEmployees, item.login)}
+                        onPress={() => this.toggleUser(item.login)}
+                    />
+                </View>
+                <View style={styles.flex1}>
+                    <OptionRow
+                        forceTextUnreadStyle
+                        disableRowInteractivity
+                        option={{
+                            text: Str.removeSMSDomain(item.displayName),
+                            alternateText: Str.removeSMSDomain(item.login),
+                            participantsList: [item],
+                            icons: [item.avatar],
+                            keyForList: item.login,
+                        }}
+                    />
+                </View>
+                {this.props.session.email === item.login && (
+                    <View style={styles.peopleRowCell}>
+                        <View style={[styles.badge, styles.peopleBadge]}>
+                            <Text style={[styles.peopleBadgeText]}>
+                                Admin
+                            </Text>
+                        </View>
+                    </View>
+                )}
+            </TouchableOpacity>
+        );
+    }
+
+    render() {
+        const policyEmployeeList = lodashGet(this.props, 'policy.employeeList', []);
+        const data = _.chain(policyEmployeeList)
+            .map(email => this.props.personalDetails[email])
+            .filter()
+            .value();
+        return (
+            <ScreenWrapper style={[styles.defaultModalContainer]}>
+                <HeaderWithCloseButton
+                    title={this.props.translate('common.people')}
+                    onCloseButtonPress={() => Navigation.dismissModal()}
+                    onBackButtonPress={() => Navigation.goBack()}
+                    shouldShowBackButton={this.props.isSmallScreenWidth}
+                />
+                <ConfirmModal
+                    danger
+                    title={this.props.translate('workspace.people.removeMembersTitle')}
+                    isVisible={this.state.isRemoveMembersConfirmModalVisible}
+                    onConfirm={() => this.removeUsers()}
+                    onCancel={this.hideConfirmModal}
+                    prompt={this.props.translate('workspace.people.removeMembersPrompt')}
+                    confirmText={this.props.translate('common.remove')}
+                    cancelText={this.props.translate('common.cancel')}
+                />
+                <View style={styles.pageWrapper}>
+                    <View style={[styles.w100, styles.flexRow]}>
+                        <Button
+                            success
+                            text={this.props.translate('common.invite')}
+                            onPress={() => this.inviteUser()}
+                        />
+                        <Button
+                            danger
+                            style={[styles.ml2]}
+                            isDisabled={this.state.selectedEmployees.length === 0}
+                            text={this.props.translate('common.remove')}
+                            onPress={this.askForConfirmationToRemove}
+                        />
+                    </View>
+                    <View style={[styles.w100, styles.mt4]}>
+                        <View style={[styles.peopleRow]}>
+                            <View style={[styles.peopleRowCell]}>
+                                <Checkbox
+                                    isChecked={this.state.selectedEmployees.length === policyEmployeeList.length}
+                                    onPress={() => this.toggleAllUsers()}
+                                />
+                            </View>
+                            <View style={[styles.peopleRowCell, styles.flex1]}>
+                                <Text style={[styles.textStrong, styles.textUppercase, styles.ph5]}>
+                                    {this.props.translate('workspace.people.assignee')}
+                                </Text>
+                            </View>
+                        </View>
+                        <FlatList
+                            renderItem={this.renderItem}
+                            data={data}
+                            keyExtractor={item => item.login}
+                        />
+                    </View>
+                </View>
+            </ScreenWrapper>
+        );
+    }
+}
+
+WorkspacePeoplePage.propTypes = propTypes;
+WorkspacePeoplePage.defaultProps = defaultProps;
+WorkspacePeoplePage.displayName = 'WorkspacePeoplePage';
+
+export default compose(
+    withLocalize,
+    withWindowDimensions,
+    withOnyx({
+        personalDetails: {
+            key: ONYXKEYS.PERSONAL_DETAILS,
+        },
+        policy: {
+            key: ({route}) => `${ONYXKEYS.COLLECTION.POLICY}${route.params.policyID}`,
+        },
+        session: {
+            key: ONYXKEYS.SESSION,
+        },
+    }),
+)(WorkspacePeoplePage);
diff --git a/src/pages/workspace/WorkspaceSidebar.js b/src/pages/workspace/WorkspaceSidebar.js
index bd6921ae4fb8..8bb0ee12eca6 100644
--- a/src/pages/workspace/WorkspaceSidebar.js
+++ b/src/pages/workspace/WorkspaceSidebar.js
@@ -55,8 +55,10 @@ const WorkspaceSidebar = ({translate, isSmallScreenWidth, policy}) => {
         {
             translationKey: 'common.people',
             icon: Users,
-            action: () => {},
-            isActive: false,
+            action: () => {
+                Navigation.navigate(ROUTES.getWorkspacePeopleRoute(policy.id));
+            },
+            isActive: Navigation.isActive(ROUTES.getWorkspacePeopleRoute(policy.id)),
         },
     ];
 
@@ -65,7 +67,7 @@ const WorkspaceSidebar = ({translate, isSmallScreenWidth, policy}) => {
     }
 
     return (
-        <ScreenWrapper style={[!isSmallScreenWidth ? styles.borderRight : {}]}>
+        <ScreenWrapper>
             <ScrollView
                 bounces={false}
                 contentContainerStyle={[
@@ -140,8 +142,9 @@ export default compose(
     withOnyx({
         policy: {
             key: (props) => {
-                const state = props.navigation.getState();
-                const policyID = lodashGet(state, ['routes', 0, 'params', 'policyID']);
+                const routes = lodashGet(props.navigation.getState(), 'routes', []);
+                const routeWithPolicyIDParam = _.find(routes, route => route.params && route.params.policyID);
+                const policyID = lodashGet(routeWithPolicyIDParam, ['params', 'policyID']);
                 return `${ONYXKEYS.COLLECTION.POLICY}${policyID}`;
             },
         },
diff --git a/src/styles/colors.js b/src/styles/colors.js
index 86a2c4293def..fb5bc812329d 100644
--- a/src/styles/colors.js
+++ b/src/styles/colors.js
@@ -12,6 +12,7 @@ export default {
     greenHover: '#03c775',
     red: '#fc3826',
     redHover: '#e13826',
+    redDisabled: '#fea29a',
     yellow: '#fed607',
     transparent: 'transparent',
 };
diff --git a/src/styles/styles.js b/src/styles/styles.js
index c0a678dd12b7..d213bca928b8 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -140,7 +140,7 @@ const styles = {
         borderRadius: variables.componentBorderRadiusNormal,
         height: variables.componentSizeNormal,
         justifyContent: 'center',
-        paddingHorizontal: 12,
+        ...spacing.ph3,
     },
 
     buttonText: {
@@ -200,6 +200,20 @@ const styles = {
         borderWidth: 0,
     },
 
+    buttonDanger: {
+        backgroundColor: themeColors.buttonDangerBG,
+        borderWidth: 0,
+    },
+
+    buttonDangerDisabled: {
+        backgroundColor: themeColors.buttonDangerDisabledBG,
+    },
+
+    buttonDangerHovered: {
+        backgroundColor: themeColors.buttonDangerPressedBG,
+        borderWidth: 0,
+    },
+
     buttonDisable: {
         backgroundColor: themeColors.buttonDisabledBG,
         borderWidth: 0,
@@ -232,6 +246,10 @@ const styles = {
         color: themeColors.textReversed,
     },
 
+    buttonDangerText: {
+        color: themeColors.textReversed,
+    },
+
     hoveredComponentBG: {
         backgroundColor: themeColors.hoverComponentBG,
     },
@@ -1697,6 +1715,31 @@ const styles = {
     workspaceInviteWelcome: {
         minHeight: 150,
     },
+
+    peopleRow: {
+        width: '100%',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        borderBottomWidth: 1,
+        borderColor: themeColors.border,
+        ...spacing.pv2,
+    },
+
+    peopleRowCell: {
+        justifyContent: 'center',
+    },
+
+    peopleBadge: {
+        backgroundColor: themeColors.icon,
+        ...spacing.ph3,
+    },
+
+    peopleBadgeText: {
+        color: themeColors.textReversed,
+        fontSize: variables.fontSizeSmall,
+        lineHeight: 16,
+        ...whiteSpace.noWrap,
+    },
 };
 
 const baseCodeTagStyles = {
diff --git a/src/styles/themes/default.js b/src/styles/themes/default.js
index e78500dcfc9a..a10795e6851b 100644
--- a/src/styles/themes/default.js
+++ b/src/styles/themes/default.js
@@ -26,6 +26,9 @@ export default {
     buttonDefaultBG: colors.gray2,
     buttonSuccessBG: colors.green,
     buttonSuccessHoveredBG: colors.greenHover,
+    buttonDangerBG: colors.red,
+    buttonDangerPressedBG: colors.redHover,
+    buttonDangerDisabledBG: colors.redDisabled,
     online: colors.green,
     offline: colors.gray3,
     sidebarButtonBG: 'rgba(198, 201, 202, 0.25)',
diff --git a/src/styles/utilities/spacing.js b/src/styles/utilities/spacing.js
index 99977e877298..2b881bcca510 100644
--- a/src/styles/utilities/spacing.js
+++ b/src/styles/utilities/spacing.js
@@ -197,6 +197,10 @@ export default {
         paddingHorizontal: 8,
     },
 
+    ph3: {
+        paddingHorizontal: 12,
+    },
+
     ph4: {
         paddingHorizontal: 16,
     },