diff --git a/src/assets/stylesheets/profile.scss b/src/assets/stylesheets/profile.scss
index 1284175c75e38dcf9db1472e2dee6754890744ef..c7e2cbf5ab0b5c7003c508a5e0d06e3c7de1e213 100644
--- a/src/assets/stylesheets/profile.scss
+++ b/src/assets/stylesheets/profile.scss
@@ -89,13 +89,18 @@
   justify-content: space-between;
   min-height: 80px;
 
-  &__menu-button {
-    @extend %fa-icon-button;
+  &__menu-buttons {
+    display: flex;
     margin: 0 20px;
 
-    &__icon {
-      @extend %fa-icon-button-icon;
-      background: transparent;
+    &__menu-button {
+      @extend %fa-icon-button;
+      margin-left: 16px;
+
+      &__icon {
+	@extend %fa-icon-button-icon;
+	background: transparent;
+      }
     }
   }
 
diff --git a/src/react-components/profile-info-header.js b/src/react-components/profile-info-header.js
index 39cfb052c7f3fae9f6fdc8c94bcf71813fddd2db..f5c23dd6b0a7050aee50bcd44ec66f263ab9b827 100644
--- a/src/react-components/profile-info-header.js
+++ b/src/react-components/profile-info-header.js
@@ -2,25 +2,34 @@ import React from "react";
 import PropTypes from "prop-types";
 import FontAwesomeIcon from "@fortawesome/react-fontawesome";
 import faQuestion from "@fortawesome/fontawesome-free-solid/faQuestion";
+import faShareAlt from "@fortawesome/fontawesome-free-solid/faShareAlt";
 
 export const ProfileInfoHeader = props => (
   <div className="profile-info-header">
     <div className="profile-info-header__profile_display_name">
-      <img src="../assets/images/account.svg" onClick={props.onNameClick} className="profile-info-header__icon" />
-      <div onClick={props.onNameClick} title={props.name}>
+      <img src="../assets/images/account.svg" onClick={props.onClickName} className="profile-info-header__icon" />
+      <div onClick={props.onClickName} title={props.name}>
         {props.name}
       </div>
     </div>
-    <button className="profile-info-header__menu-button" onClick={props.onHelpClick}>
-      <i className="profile-info-header__menu-button__icon">
-        <FontAwesomeIcon icon={faQuestion} />
-      </i>
-    </button>
+    <div className="profile-info-header__menu-buttons">
+      <button className="profile-info-header__menu-buttons__menu-button" onClick={props.onClickInvite}>
+        <i className="profile-info-header__menu-buttons__menu-button__icon">
+          <FontAwesomeIcon icon={faShareAlt} />
+        </i>
+      </button>
+      <button className="profile-info-header__menu-buttons__menu-button" onClick={props.onClickHelp}>
+        <i className="profile-info-header__menu-buttons__menu-button__icon">
+          <FontAwesomeIcon icon={faQuestion} />
+        </i>
+      </button>
+    </div>
   </div>
 );
 
 ProfileInfoHeader.propTypes = {
-  onNameClick: PropTypes.func,
-  onHelpClick: PropTypes.func,
+  onClickName: PropTypes.func,
+  onClickInvite: PropTypes.func,
+  onClickHelp: PropTypes.func,
   name: PropTypes.string
 };
diff --git a/src/react-components/ui-root.js b/src/react-components/ui-root.js
index 54123679a3df3df225bd6397d0a745d98b5cc3d8..a26e1cee5a0df9b893ceefc008bbdc75fdaf7945 100644
--- a/src/react-components/ui-root.js
+++ b/src/react-components/ui-root.js
@@ -753,8 +753,9 @@ class UIRoot extends Component {
       <div className="entry-dialog">
         <ProfileInfoHeader
           name={this.props.store.state.profile.displayName}
-          onNameClick={() => this.setState({ showProfileEntry: true })}
-          onHelpClick={() => this.setState({ infoDialogType: InfoDialog.dialogTypes.help })}
+          onClickName={() => this.setState({ showProfileEntry: true })}
+          onClickInvite={() => this.setState({ infoDialogType: InfoDialog.dialogTypes.invite })}
+          onClickHelp={() => this.setState({ infoDialogType: InfoDialog.dialogTypes.help })}
         />
         {entryPanel}
         {micPanel}
@@ -778,6 +779,7 @@ class UIRoot extends Component {
         <div className="ui">
           <InfoDialog
             dialogType={this.state.infoDialogType}
+            onSubmittedEmail={() => this.setState({ infoDialogType: InfoDialog.dialogTypes.email_submitted })}
             onCloseDialog={() => this.setState({ infoDialogType: null })}
           />