diff --git a/frontend/src/pages/wiki2/side-panel.css b/frontend/src/pages/wiki2/side-panel.css
index a8bd506b67..bc53802b47 100644
--- a/frontend/src/pages/wiki2/side-panel.css
+++ b/frontend/src/pages/wiki2/side-panel.css
@@ -16,6 +16,10 @@
   height: 44px;
 }
 
+.wiki2-side-panel .wiki2-side-panel-top .wiki-new-page-tooltip {
+  z-index: 1001;
+}
+
 .wiki2-side-panel .wiki2-side-panel-top .add-new-page {
   padding: 0 4px;
   cursor: pointer;
diff --git a/frontend/src/pages/wiki2/side-panel.js b/frontend/src/pages/wiki2/side-panel.js
index 11e464db7b..fdf7ac4954 100644
--- a/frontend/src/pages/wiki2/side-panel.js
+++ b/frontend/src/pages/wiki2/side-panel.js
@@ -373,7 +373,7 @@ class SidePanel extends Component {
           <div id='wiki-add-new-page' className='add-new-page' onClick={this.handleAddNewPage.bind(true)}>
             <i className='sf3-font sf3-font-new-page'></i>
           </div>
-          <UncontrolledTooltip target="wiki-add-new-page">
+          <UncontrolledTooltip className='wiki-new-page-tooltip' target="wiki-add-new-page">
             {gettext('New page')}
           </UncontrolledTooltip>
         </div>