diff --git a/client/src/components/header/header.component.jsx b/client/src/components/header/header.component.jsx
index 99d1ff646..86a62e5a7 100644
--- a/client/src/components/header/header.component.jsx
+++ b/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}
diff --git a/client/src/pages/manage/manage.page.component.jsx b/client/src/pages/manage/manage.page.component.jsx
index 8239e793d..bd236572c 100644
--- a/client/src/pages/manage/manage.page.component.jsx
+++ b/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">
diff --git a/client/src/pages/manage/manage.page.styles.scss b/client/src/pages/manage/manage.page.styles.scss
index 235a2892c..b1c4118d8 100644
--- a/client/src/pages/manage/manage.page.styles.scss
+++ b/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;