diff --git a/src/assets/stylesheets/info-dialog.scss b/src/assets/stylesheets/info-dialog.scss
index 447500bef3c1d3372a036ce4ededde2b185c3103..d724730d4c3d24fd66072d618c2739b298c0048e 100644
--- a/src/assets/stylesheets/info-dialog.scss
+++ b/src/assets/stylesheets/info-dialog.scss
@@ -5,7 +5,7 @@
   left: 0;
   position: fixed;
   color: black;
-  z-index: 2;
+  z-index: 10;
 }
 
 .dialog {
diff --git a/src/react-components/ui-root.js b/src/react-components/ui-root.js
index e3a646a2ff6691b8777dce096a157466f84f2ea7..062293f8fe4611cdc4b2f42874ab08bf89234807 100644
--- a/src/react-components/ui-root.js
+++ b/src/react-components/ui-root.js
@@ -526,25 +526,25 @@ class UIRoot extends Component {
     this.setState({ dialog: null });
   };
 
-  showHelpDialog() {
+  showHelpDialog = () => {
     this.setState({ dialog: <HelpDialog onClose={this.closeDialog} /> });
-  }
+  };
 
-  showSafariDialog() {
+  showSafariDialog = () => {
     this.setState({ dialog: <SafariDialog onClose={this.closeDialog} /> });
-  }
+  };
 
-  showInviteTeamDialog() {
+  showInviteTeamDialog = () => {
     this.setState({ dialog: <InviteTeamDialog hubChannel={this.props.hubChannel} onClose={this.closeDialog} /> });
-  }
+  };
 
-  showCreateObjectDialog() {
+  showCreateObjectDialog = () => {
     this.setState({ dialog: <CreateObjectDialog onCreate={this.createObject} onClose={this.closeDialog} /> });
-  }
+  };
 
-  showWebVRRecommendDialog() {
+  showWebVRRecommendDialog = () => {
     this.setState({ dialog: <WebVRRecommendDialog onClose={this.closeDialog} /> });
-  }
+  };
 
   renderExitedPane = () => {
     let subtitle = null;