Centers title (better!) and cleans dropdown CSS

src/component/Header.jsx

@@ -41,10 +41,11 @@ const Header = ({ login, setLogin }) => {
               </Link>
             </li>
           </ul>
-          <h1 id="page-title">Inventory, Promotions, Pricing</h1>
+          
           <LogoutButton />
         </div>
       </div>
+      <h1 id="page-title">Inventory, Promotions, Pricing</h1>
     </nav>
   );
 };

src/component/session/LogoutDropDown.css

@@ -10,11 +10,18 @@
 .dropdown{
     color:#EBEBEB;
     background-color: transparent;
+    border-color: transparent;
     
 }
 
 .dropdown:hover{
     color:#CCCDCF;
     background-color: transparent;
+    border-color: transparent;
 }
 
+.dropdown-toggle:after {
+    display: none;
+}
+
+

src/styles/Header.css

 .navbar {
     background-color: #00567D;
+    position: relative;
 }
 
 #page-title{
@@ -15,10 +16,6 @@
     pointer-events: none;
 }
 
-#navbarSupportedContent{
-    position: relative;
-}
-
 #logo{
     width: 100px;
     height: 50px;