diff --git a/app/assets/styles/blink/_ConferenceDrawerSpeakerSelectionWrapper.scss b/app/assets/styles/blink/_ConferenceDrawerSpeakerSelectionWrapper.scss
new file mode 100644
index 0000000..eb5cd38
--- /dev/null
+++ b/app/assets/styles/blink/_ConferenceDrawerSpeakerSelectionWrapper.scss
@@ -0,0 +1,8 @@
+.firstButton {
+    margin-top: 20px;
+    margin-bottom: 10px;
+}
+
+.onlyButton {
+    margin-bottom: 20px;
+}
diff --git a/app/components/ConferenceDrawerSpeakerSelectionWrapper.js b/app/components/ConferenceDrawerSpeakerSelectionWrapper.js
new file mode 100644
index 0000000..b583b7f
--- /dev/null
+++ b/app/components/ConferenceDrawerSpeakerSelectionWrapper.js
@@ -0,0 +1,59 @@
+import React, { Component, Fragment } from 'react';
+import PropTypes from 'prop-types';
+import { Title, Button } from 'react-native-paper';
+
+import styles from '../assets/styles/blink/_ConferenceDrawerSpeakerSelectionWrapper.scss';
+
+const ConferenceDrawerSpeakerSelectionWrapper = props => {
+    let buttonText;
+    let secondButtonText;
+    let speaker;
+
+    switch (props.activeSpeakers.length) {
+        case 1:
+            speaker = props.activeSpeakers[0];
+            buttonText = speaker.identity.displayName || speaker.identity.uri;
+            break;
+        case 2:
+            speaker = props.activeSpeakers[0];
+            buttonText = speaker.identity.displayName || speaker.identity.uri;
+            speaker = props.activeSpeakers[1];
+            secondButtonText = speaker.identity.displayName || speaker.identity.uri;
+            break;
+        default:
+            break;
+    }
+
+    const twoButtons = props.activeSpeakers.length >= 1;
+    return (
+        <Fragment>
+            <Title>Active Speakers</Title>
+            <Button
+                style={[styles.firstButton, !twoButtons && styles.onlyButton]}
+                icon="account"
+                mode="contained"
+                onPress={() => props.selectSpeaker(1)}
+            >
+                {buttonText || 'Select Speaker 1'}
+            </Button>
+            { twoButtons &&
+                <Button
+                    style={styles.onlyButton}
+                    icon="account"
+                    mode="contained"
+                    onPress={() => props.selectSpeaker(2)}
+                >
+                    {secondButtonText || 'Speaker 2'}
+                </Button>
+            }
+        </Fragment>
+    );
+};
+
+ConferenceDrawerSpeakerSelectionWrapper.propTypes = {
+    selectSpeaker: PropTypes.func,
+    activeSpeakers: PropTypes.array
+};
+
+export default ConferenceDrawerSpeakerSelectionWrapper;
+