diff --git a/src/components/NavBar/index.js b/src/components/NavBar/index.js
index 0768174c..bf14688c 100644
--- a/src/components/NavBar/index.js
+++ b/src/components/NavBar/index.js
@@ -82,7 +82,6 @@ function NavBar() {
   return (
     <div>
       <AppBar position="static">
-        <AdBanner />
         <Toolbar className={classes.appBar}>
           <IconButton edge="start" className={classes.menuButton} color="primary">
             <MenuIcon />
@@ -189,6 +188,7 @@ function NavBar() {
             )}
           </Popper>
         </Toolbar>
+        <AdBanner />
       </AppBar>
     </div>
   );
diff --git a/src/layouts/MainLayout/TopBar/index.js b/src/layouts/MainLayout/TopBar/index.js
index fd97780a..ef44e624 100755
--- a/src/layouts/MainLayout/TopBar/index.js
+++ b/src/layouts/MainLayout/TopBar/index.js
@@ -1,4 +1,4 @@
-import { useState } from "React";
+import * as React from "react";
 import { Link as RouterLink } from "react-router-dom";
 import PropTypes from "prop-types";
 import clsx from "clsx";