Style changes

client/src/components/header/header.component.jsx

@@ -68,7 +68,7 @@ function Header({
   return (
     <Menu
       mode="horizontal"
-      theme="dark"
+      theme="light"
       className="header-main-menu"
       selectedKeys={[selectedHeader]}
       onClick={handleMenuClick}

client/src/pages/manage/manage.page.component.jsx

@@ -158,7 +158,7 @@ export function Manage({ match, conflict }) {
 
   return (
     <Layout className="layout-container">
-      <Header>
+      <Header style={{ background: "#fff" }}>
         <HeaderContainer />
       </Header>
       <Content className="content-container">

client/src/pages/manage/manage.page.styles.scss

@@ -1,6 +1,6 @@
 .content-container {
   overflow-y: auto;
-  margin: 1rem 1rem 0rem 1rem;
+  // margin: 0.5rem 0.5rem 0rem 0.5rem;
   padding: 0.25rem 1rem 0rem 1rem;
   border-radius: 4px;
   background: #fff;