diff --git a/src/Components/Drawer/Drawer.tsx b/src/Components/Drawer/Drawer.tsx
index 1360ac5..72b4a49 100644
--- a/src/Components/Drawer/Drawer.tsx
+++ b/src/Components/Drawer/Drawer.tsx
@@ -65,7 +65,7 @@ export default function Drawer() {
             style={{
               width: "48px",
               height: "48px",
-              color: "white",
+              color: "3fb860",
               marginRight: "2px",
               alignSelf: "center",
               justifySelf: "center",
@@ -96,7 +96,7 @@ export default function Drawer() {
             style={{
               width: "48px",
               height: "48px",
-              color: "white",
+              color: "3fb860",
               marginRight: "2px",
               alignSelf: "center",
               justifySelf: "center",
diff --git a/src/Components/Header/Header.tsx b/src/Components/Header/Header.tsx
index 739477a..026b9bc 100644
--- a/src/Components/Header/Header.tsx
+++ b/src/Components/Header/Header.tsx
@@ -18,6 +18,7 @@ export default function Header(props: props) {
         backgroundColor: colors.header_color,
         display: "flex",
         flexDirection: "row",
+        
       }}
     >
       <div
diff --git a/src/Pages/DashboardPage/DashboardPage.tsx b/src/Pages/DashboardPage/DashboardPage.tsx
index ec58fa6..7fca741 100644
--- a/src/Pages/DashboardPage/DashboardPage.tsx
+++ b/src/Pages/DashboardPage/DashboardPage.tsx
@@ -48,6 +48,7 @@ export default function Dashboard() {
               alignItems: "center",
               justifyContent: "center",
               paddingTop: "64px",
+           
             },
           }}
         >
@@ -66,7 +67,7 @@ export default function Dashboard() {
   }
   return (
     <div style={styles.background}>
-      <Header label={"Dashboard"} />
+      <Header  label={"Dashboard"} />
       <RestrictedComponent allow_only={"Technician"}>
         <TechnicianWidgets />
       </RestrictedComponent>
diff --git a/src/Pages/LandingPage/LandingPage.tsx b/src/Pages/LandingPage/LandingPage.tsx
index c35433e..4676094 100644
--- a/src/Pages/LandingPage/LandingPage.tsx
+++ b/src/Pages/LandingPage/LandingPage.tsx
@@ -63,9 +63,9 @@ export default function LandingPage() {
             }}
           >
             <p style={{ ...styles.text_dark, ...styles.text_L }}>
-              CSM BORROWING
+              Gwapo 
               <br />
-              SYSTEM
+              Jophiel
             </p>
             <div style={{ ...styles.flex_column }}>
               <Button
diff --git a/src/styles.tsx b/src/styles.tsx
index d0ed01d..2f5cfbf 100644
--- a/src/styles.tsx
+++ b/src/styles.tsx
@@ -1,11 +1,11 @@
 export const colors = {
   background: "#FFFFFF",
-  header_color: "#141762",
-  font_dark: "#141762",
-  font_light: "#FFFFFF",
-  button_dark: "#141762",
+  header_color: "#b2dfab",
+  font_dark: "#2e482e",
+  font_light: "#0e410d",
+  button_dark: "#92b88d",
   button_light: "#FFFFFF",
-  button_border: "#141762",
+  button_border: "#b2dfab",
   red: "#a44141",
   orange: "#c57331",
   green: "#80b28a",
@@ -25,6 +25,7 @@ const styles: { [key: string]: React.CSSProperties } = {
   text_dark: {
     color: colors.font_dark,
     fontWeight: "bold",
+    
   },
   text_light: {
     color: colors.font_light,