diff --git a/frontend/src/app.js b/frontend/src/app.js
index d13fd8331c..afc552ef6e 100644
--- a/frontend/src/app.js
+++ b/frontend/src/app.js
@@ -268,7 +268,7 @@ class App extends Component {
               <InvitationsView path={siteRoot + 'invitations/'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
             </Router>
           </MainPanel>
-          <MediaQuery query="(max-width: 768px)">
+          <MediaQuery query="(max-width: 767.8px)">
             <Modal isOpen={!isSidePanelClosed} toggle={this.toggleSidePanel} contentClassName="d-none"></Modal>
           </MediaQuery>
         </div>
diff --git a/frontend/src/wiki.js b/frontend/src/wiki.js
index 83b6225cdf..1e497578ad 100644
--- a/frontend/src/wiki.js
+++ b/frontend/src/wiki.js
@@ -460,7 +460,7 @@ class Wiki extends Component {
           onMainNavBarClick={this.onMainNavBarClick}
           onDirentClick={this.onDirentClick}
         />
-        <MediaQuery query="(max-width: 768px)">
+        <MediaQuery query="(max-width: 767.8px)">
           <Modal isOpen={!this.state.closeSideBar} toggle={this.onCloseSide} contentClassName="d-none"></Modal>
         </MediaQuery>
       </div>