diff --git a/app/assets/styles/blink/_AudioCallBox.scss b/app/assets/styles/blink/_AudioCallBox.scss
index c877293..e735706 100644
--- a/app/assets/styles/blink/_AudioCallBox.scss
+++ b/app/assets/styles/blink/_AudioCallBox.scss
@@ -1,27 +1,46 @@
 .container {
     flex: 1;
 }
 
 .userIconContainer {
-    padding-top: 30px;
+    padding-top: 50px;
     margin: 0 auto;
 }
 
 .buttonContainer {
     justify-self: flex-end;
     flex-direction: row;
     margin: 0 auto;
     margin-top:auto;
     bottom: 30;
 }
 
 .button {
     background-color: white;
     margin: 10px;
     padding-top: 5px;
     padding-left: 0px;
 }
 
+.iosButton {
+    background-color: rgba(#F9F9F9, .7);
+    margin: 10px;
+    padding-top: 5px;
+}
+
+.androidButton {
+    background-color: rgba(#F9F9F9, .7);
+    margin: 10px;
+    padding-top: 1px;
+}
+
 .hangupButton {
     background-color: rgba(#a94442, .8);
 }
+
+.address {
+    padding: 0px;
+    font-size: 30px;
+    text-align: center;
+    color: white;
+}
diff --git a/app/components/AudioCallBox.js b/app/components/AudioCallBox.js
index 36d27bc..004e14d 100644
--- a/app/components/AudioCallBox.js
+++ b/app/components/AudioCallBox.js
@@ -1,216 +1,218 @@
 import React, { Component } from 'react';
-import { View } from 'react-native';
-import { IconButton } from 'react-native-paper';
+import { View, Platform } from 'react-native';
+import { IconButton, Dialog } from 'react-native-paper';
 import PropTypes from 'prop-types';
 import autoBind from 'auto-bind';
 
 import Logger from "../../Logger";
 import CallOverlay from './CallOverlay';
 import DTMFModal from './DTMFModal';
 import EscalateConferenceModal from './EscalateConferenceModal';
 import UserIcon from './UserIcon';
 
 import styles from '../assets/styles/blink/_AudioCallBox.scss';
 
 
 const logger = new Logger("AudioCallBox");
 
 
 class AudioCallBox extends Component {
     constructor(props) {
         super(props);
         autoBind(this);
         this.state = {
             active                      : false,
             audioMuted                  : false,
             showDtmfModal               : false,
             showEscalateConferenceModal : false
         };
         // this.speechEvents = null;
 
         this.remoteAudio = React.createRef();
     }
 
     componentDidMount() {
         // This component is used both for as 'local media' and as the in-call component.
         // Thus, if the call is not null it means we are beyond the 'local media' phase
         // so don't call the mediaPlaying prop.
 
         if (this.props.call != null) {
             switch (this.props.call.state) {
                 case 'established':
                     this.attachStream(this.props.call);
                     break;
                 case 'incoming':
                     this.props.mediaPlaying();
                     // fall through
                 default:
                     this.props.call.on('stateChanged', this.callStateChanged);
                     break;
             }
         } else {
             this.props.mediaPlaying();
         }
     }
 
     componentWillReceiveProps(nextProps) {
         if (this.props.call == null && nextProps.call) {
             if (nextProps.call.state === 'established') {
                 this.attachStream(nextProps.call);
             } else {
                 nextProps.call.on('stateChanged', this.callStateChanged);
             }
         }
     }
 
     componentWillUnmount() {
         clearTimeout(this.callTimer);
         // if (this.speechEvents !== null) {
         //     this.speechEvents.stop();
         //     this.speechEvents = null;
         // }
     }
 
     callStateChanged(oldState, newState, data) {
         if (newState === 'established') {
             this.attachStream(this.props.call);
         }
     }
 
     attachStream(call) {
         this.setState({stream: call.getRemoteStreams()[0]}); //we dont use it anywhere though as audio gets automatically piped
         // const options = {
         //     interval: 225,
         //     play: false
         // };
         // this.speechEvents = hark(remoteStream, options);
         // this.speechEvents.on('speaking', () => {
         //     this.setState({active: true});
         // });
         // this.speechEvents.on('stopped_speaking', () => {
         //     this.setState({active: false});
         // });
     }
 
     escalateToConference(participants) {
         this.props.escalateToConference(participants);
     }
 
     hangupCall(event) {
         event.preventDefault();
         this.props.hangupCall();
     }
 
     muteAudio(event) {
         event.preventDefault();
         //const localStream = this.props.call.getLocalStreams()[0];
 
         if(this.state.audioMuted) {
             logger.debug('Unmute microphone');
             this.props.callKeepToggleMute(false);
             //localStream.getAudioTracks()[0].enabled = true;
             this.setState({audioMuted: false});
         } else {
             logger.debug('Mute microphone');
             //localStream.getAudioTracks()[0].enabled = false;
             this.props.callKeepToggleMute(true);
             this.setState({audioMuted: true});
         }
 
     }
 
     showDtmfModal() {
         this.setState({showDtmfModal: true});
     }
 
     hideDtmfModal() {
         this.setState({showDtmfModal: false});
     }
 
     toggleEscalateConferenceModal() {
         this.setState({
             showEscalateConferenceModal: !this.state.showEscalateConferenceModal
         });
     }
     render() {
         let remoteIdentity;
+        const buttonClass = (Platform.OS === 'ios') ? styles.iosButton : styles.androidButton;
 
         if (this.props.call !== null) {
             remoteIdentity = this.props.call.remoteIdentity;
         } else {
             remoteIdentity = {uri: this.props.remoteIdentity};
         }
 
         return (
             <View style={styles.container}>
                 <CallOverlay style={styles.callStatus}
                     show={true}
                     remoteIdentity={this.props.remoteIdentity}
                     call={this.props.call}
                 />
                 <View style={styles.userIconContainer}>
                     <UserIcon identity={remoteIdentity} large={true} active={this.state.active} />
                 </View>
+                <Dialog.Title style={styles.address}>{this.props.remoteIdentity}</Dialog.Title>
                 <View style={styles.buttonContainer}>
                     <IconButton
                         size={34}
-                        style={styles.button}
+                        style={buttonClass}
                         icon="account-plus"
                         onPress={this.toggleEscalateConferenceModal}
                     />
                     <IconButton
                         size={34}
-                        style={styles.button}
+                        style={buttonClass}
                         icon={this.state.audioMuted ? 'microphone-off' : 'microphone'}
                         onPress={this.muteAudio}
                     />
                     <IconButton
                         size={34}
-                        style={[styles.button]}
+                        style={buttonClass}
                         icon={this.props.speakerPhoneEnabled ? 'volume-high' : 'volume-off'}
                         onPress={this.props.toggleSpeakerPhone}
                     />
                     <IconButton
                         size={34}
-                        style={styles.button}
+                        style={buttonClass}
                         icon="dialpad"
                         onPress={this.showDtmfModal}
                         disabled={!(this.props.call && this.props.call.state === 'established')}
                     />
                     <IconButton
                         size={34}
-                        style={[styles.button, styles.hangupButton]}
+                        style={[buttonClass, styles.hangupButton]}
                         icon="phone-hangup"
                         onPress={this.hangupCall}
                     />
                 </View>
                 <DTMFModal
                     show={this.state.showDtmfModal}
                     hide={this.hideDtmfModal}
                     call={this.props.call}
                     callKeepSendDtmf={this.props.callKeepSendDtmf}
                 />
                 <EscalateConferenceModal
                     show={this.state.showEscalateConferenceModal}
                     call={this.props.call}
                     close={this.toggleEscalateConferenceModal}
                     escalateToConference={this.escalateToConference}
                 />
             </View>
         );
     }
 }
 
 AudioCallBox.propTypes = {
     call                    : PropTypes.object,
     escalateToConference    : PropTypes.func,
     hangupCall              : PropTypes.func,
     mediaPlaying            : PropTypes.func,
     remoteIdentity          : PropTypes.string,
     callKeepSendDtmf        : PropTypes.func,
     callKeepToggleMute      : PropTypes.func,
     toggleSpeakerPhone      : PropTypes.func,
     speakerPhoneEnabled     : PropTypes.bool
 };
 
 export default AudioCallBox;