diff --git a/src/assets/stylesheets/entry.scss b/src/assets/stylesheets/entry.scss
index 6dcd4156495a9c3efcfc355de6cd27a6ac9d08ba..5dc16221c4584917a1ae14997f608bb048073bab 100644
--- a/src/assets/stylesheets/entry.scss
+++ b/src/assets/stylesheets/entry.scss
@@ -53,6 +53,7 @@
 
   :local(.button-container) {
     margin: auto;
+    margin-top: -72px;
     text-align: center;
     flex: 10;
     display: flex;
@@ -64,6 +65,7 @@
       @extend %action-button;
       align-self: center;
       width: 75%;
+      margin-top: 28px;
     }
 
     :local(.presence-info) {
diff --git a/src/react-components/ui-root.js b/src/react-components/ui-root.js
index 33cbfaeda3b68ae87b72dc598fb96d276e379aab..f1584d683065f92286eef30f574b925d0a532df8 100644
--- a/src/react-components/ui-root.js
+++ b/src/react-components/ui-root.js
@@ -643,12 +643,6 @@ class UIRoot extends Component {
                 <span className={entryStyles.people}>2 people</span> have joined
               </div>
             )}
-            <button
-              className={entryStyles.inviteButton}
-              onClick={() => this.setState({ infoDialogType: InfoDialog.dialogTypes.invite })}
-            >
-              <FormattedMessage id="entry.invite-others" />
-            </button>
             {this.props.availableVREntryTypes.screen === VR_DEVICE_AVAILABILITY.yes && (
               <TwoDEntryButton onClick={this.enter2D} />
             )}
@@ -675,6 +669,12 @@ class UIRoot extends Component {
               </div>
             )}
             {screenSharingCheckbox}
+            <button
+              className={entryStyles.inviteButton}
+              onClick={() => this.setState({ infoDialogType: InfoDialog.dialogTypes.invite })}
+            >
+              <FormattedMessage id="entry.invite-others" />
+            </button>
           </div>
         </div>
       ) : null;