diff --git a/inventory-manager/src/assets/images/Encora Branded Teams Background 14.png b/inventory-manager/src/assets/images/Encora Branded Teams Background 14.png
deleted file mode 100644
index cd90325..0000000
Binary files a/inventory-manager/src/assets/images/Encora Branded Teams Background 14.png and /dev/null differ
diff --git a/inventory-manager/src/assets/images/Encora_Logo.jpeg b/inventory-manager/src/assets/images/Encora_Logo.jpeg
deleted file mode 100644
index efe1390..0000000
Binary files a/inventory-manager/src/assets/images/Encora_Logo.jpeg and /dev/null differ
diff --git a/inventory-manager/src/assets/images/White-Encora-Logo.png b/inventory-manager/src/assets/images/White-Encora-Logo.png
new file mode 100644
index 0000000..ae0e6b9
Binary files /dev/null and b/inventory-manager/src/assets/images/White-Encora-Logo.png differ
diff --git a/inventory-manager/src/assets/images/background-footer-desktop.png b/inventory-manager/src/assets/images/background-footer-desktop.png
deleted file mode 100644
index b1a51b5..0000000
Binary files a/inventory-manager/src/assets/images/background-footer-desktop.png and /dev/null differ
diff --git a/inventory-manager/src/assets/images/e-shape-chatreuse-400.png b/inventory-manager/src/assets/images/e-shape-chatreuse-400.png
new file mode 100644
index 0000000..d1dd92a
Binary files /dev/null and b/inventory-manager/src/assets/images/e-shape-chatreuse-400.png differ
diff --git a/inventory-manager/src/assets/images/e-shape-white.png b/inventory-manager/src/assets/images/e-shape-white.png
new file mode 100644
index 0000000..ee0bc71
Binary files /dev/null and b/inventory-manager/src/assets/images/e-shape-white.png differ
diff --git a/inventory-manager/src/assets/images/encora-logo-square.png b/inventory-manager/src/assets/images/encora-logo-square.png
deleted file mode 100644
index cfd0d64..0000000
Binary files a/inventory-manager/src/assets/images/encora-logo-square.png and /dev/null differ
diff --git a/inventory-manager/src/assets/images/encora-logo-square.webp b/inventory-manager/src/assets/images/encora-logo-square.webp
deleted file mode 100644
index fc76e05..0000000
Binary files a/inventory-manager/src/assets/images/encora-logo-square.webp and /dev/null differ
diff --git a/inventory-manager/src/assets/images/encora2.jpg b/inventory-manager/src/assets/images/encora2.jpg
deleted file mode 100644
index 9009a76..0000000
Binary files a/inventory-manager/src/assets/images/encora2.jpg and /dev/null differ
diff --git a/inventory-manager/src/components/EncoraHeader.tsx b/inventory-manager/src/components/EncoraHeader.tsx
index ce3de25..eb8b4e7 100644
--- a/inventory-manager/src/components/EncoraHeader.tsx
+++ b/inventory-manager/src/components/EncoraHeader.tsx
@@ -1,19 +1,26 @@
 import React from 'react';
 import {Layout} from 'antd';
-import encora from "../assets/images/encora-logo-square.png"
+import encora from "../assets/images/e-shape-chatreuse-400.png"
+import encoraTxt from "../assets/images/White-Encora-Logo.png"
+
 
 const {Header} = Layout;
 
 const EncoraHeader: React.FC = () => {
     return (
-        <Header style={{display: 'flex', alignItems: 'center'}}>
+        <Header style={{display: 'flex', alignItems: 'center', backgroundColor:"rgb(36,59,104)"}}>
             <img
                 src={encora}
                 alt="Logo"
                 style={{cursor: 'pointer', marginRight: '20px', width:"50px"}}
                 onClick={() => window.open('https://www.encora.com/', '_blank')}
             />
-            <span style={{color: 'white', fontSize: '42px', fontFamily:'encora', wordSpacing:'20px'}}>encora</span>
+            <img
+                src={encoraTxt}
+                alt="Logo"
+                style={{cursor: 'pointer', marginRight: '20px', width:"180px"}}
+                onClick={() => window.open('https://www.encora.com/', '_blank')}
+            />
         </Header>
     );
 };
diff --git a/inventory-manager/src/components/page-content/EncoraContent.tsx b/inventory-manager/src/components/page-content/EncoraContent.tsx
index 30ecf3d..52238c5 100644
--- a/inventory-manager/src/components/page-content/EncoraContent.tsx
+++ b/inventory-manager/src/components/page-content/EncoraContent.tsx
@@ -12,7 +12,7 @@ const HomePageContent: React.FC = () => {
         <SearchProvider>
             <DataProvider>
                 <Layout>
-                    <div style={{padding: '24px', backgroundColor: '#f5f5f5', minHeight: '100vh'}}>
+                    <div style={{padding: '24px', minHeight: '100vh'}}>
                         <div style={{
                             display: 'flex',
                             justifyContent: "space-evenly",
diff --git a/inventory-manager/src/components/page-content/segment2-new_product/NewProductButton.tsx b/inventory-manager/src/components/page-content/segment2-new_product/NewProductButton.tsx
index 73efdd5..4def42a 100644
--- a/inventory-manager/src/components/page-content/segment2-new_product/NewProductButton.tsx
+++ b/inventory-manager/src/components/page-content/segment2-new_product/NewProductButton.tsx
@@ -15,11 +15,11 @@ const NewProductButton = () => {
              style={{
                  display: 'flex',
                  justifyContent: 'space-between',
-                 alignItems: 'center',   // <- vertical alignment
+                 alignItems: 'center',
                  marginBottom: 16,
              }}
         >
-            <Button type="primary" onClick={showModal}>Add new product</Button>
+            <Button type="primary" onClick={showModal} style={{backgroundColor:"#3b5891"}}>Add new product</Button>
             <Modal
                 title="Add new product to inventory"
                 open={isModalVisible}
diff --git a/inventory-manager/src/index.css b/inventory-manager/src/index.css
index ea5eda3..57f2a28 100644
--- a/inventory-manager/src/index.css
+++ b/inventory-manager/src/index.css
@@ -28,6 +28,12 @@ body {
   place-items: center;
   min-width: 320px;
   min-height: 100vh;
+  background-color: rgb(237, 236, 236);
+  background-image: url(./assets/images/e-shape-white.png);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+  background-attachment: fixed;
 }
 
 code {
@@ -71,3 +77,8 @@ button:focus-visible {
     background-color: #f9f9f9;
   }
 }
+
+.ant-layout,
+.ant-layout-footer {
+  background: transparent;
+}