diff --git a/src/routes/Discover/Discover.js b/src/routes/Discover/Discover.js
index 54feb080d..64be99bed 100644
--- a/src/routes/Discover/Discover.js
+++ b/src/routes/Discover/Discover.js
@@ -2,7 +2,7 @@ const React = require('react');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const Icon = require('stremio-icons/dom');
-const { AddonDetailsModal, Button, MainNavBar, MetaItem, MetaPreview, Multiselect, ModalDialog, PaginationInput, useBinaryState } = require('stremio/common');
+const { AddonDetailsModal, Button, MainNavBars, MetaItem, MetaPreview, Multiselect, ModalDialog, PaginationInput, useBinaryState } = require('stremio/common');
 const { useServices } = require('stremio/services');
 const useDiscover = require('./useDiscover');
 const useSelectableInputs = require('./useSelectableInputs');
@@ -48,8 +48,7 @@ const Discover = ({ urlParams, queryParams }) => {
         closeInputsModal();
     }, [urlParams, queryParams]);
     return (
-        <div className={styles['discover-container']}>
-            <MainNavBar className={styles['nav-bar']} route={'discover'} />
+        <MainNavBars className={styles['discover-container']} route={'discover'}>
             <div className={styles['discover-content']}>
                 <div className={styles['selectable-inputs-container']}>
                     {selectInputs.map(({ title, options, selected, renderLabelText, onSelect }, index) => (
@@ -178,7 +177,7 @@ const Discover = ({ urlParams, queryParams }) => {
                     :
                     null
             }
-        </div>
+        </MainNavBars>
     );
 };
 
diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less
index a1b16bf87..c12f7031a 100644
--- a/src/routes/Discover/styles.less
+++ b/src/routes/Discover/styles.less
@@ -12,20 +12,13 @@
 }
 
 .discover-container {
-    display: flex;
-    flex-direction: column;
     width: 100%;
     height: 100%;
     background-color: var(--color-background);
 
-    .nav-bar {
-        flex: none;
-        align-self: stretch;
-    }
-
     .discover-content {
-        flex: 1;
-        align-self: stretch;
+        width: 100%;
+        height: 100%;
         display: grid;
         grid-template-columns: 1fr 28rem;
         grid-template-rows: auto auto 1fr;