diff --git a/ui/src/components/MXNavbar/MXNavbar.css b/ui/src/components/MXNavbar/MXNavbar.css
index 2ace62217..268cdd60b 100644
--- a/ui/src/components/MXNavbar/MXNavbar.css
+++ b/ui/src/components/MXNavbar/MXNavbar.css
@@ -48,3 +48,7 @@
   font-style: italic;
   font-size: medium;
 }
+
+.nav-container {
+  z-index: 9999;
+}
diff --git a/ui/src/components/MXNavbar/MXNavbar.jsx b/ui/src/components/MXNavbar/MXNavbar.jsx
index e10c17a89..d0b7d1dc0 100644
--- a/ui/src/components/MXNavbar/MXNavbar.jsx
+++ b/ui/src/components/MXNavbar/MXNavbar.jsx
@@ -31,7 +31,7 @@ class MXNavbar extends React.Component {
 
     return (
       <Navbar
-        className="pt-1 pb-1"
+        className="pt-1 pb-1 nav-container"
         bg="dark"
         variant="dark"
         collapseOnSelect
diff --git a/ui/src/components/Main.jsx b/ui/src/components/Main.jsx
index 064324841..ef7ad1a44 100644
--- a/ui/src/components/Main.jsx
+++ b/ui/src/components/Main.jsx
@@ -89,7 +89,7 @@ class Main extends React.Component {
               position: 'fixed',
               padding: 0,
               margin: 0,
-              top: 50,
+              top: 0,
               left: 0,
               width: '100vw',
               height: '100vh',