diff --git a/src/app/projects/costa-rica/page.js b/src/app/projects/costa-rica/page.js
index a37e943..aad0954 100644
--- a/src/app/projects/costa-rica/page.js
+++ b/src/app/projects/costa-rica/page.js
@@ -1,8 +1,12 @@
 import React from "react";
 import CostaRica from "@/components/projects/CostaRica";
+import Header from "@/components/projects/Header";
+import header from "../../../../public/images/costaRica/CostaRicaHeader.webp";
+
 const page = () => {
   return (
     <>
+      <Header img={header.src} title="Costa Rica Project" />
       <CostaRica />
     </>
   );
diff --git a/src/components/projects/Header.jsx b/src/components/projects/Header.jsx
index c5adb5d..ac9e159 100644
--- a/src/components/projects/Header.jsx
+++ b/src/components/projects/Header.jsx
@@ -2,8 +2,8 @@ import Title from "../Title";
 
 const Header = ({ img, title }) => {
   return (
-    <div>
-      <img src={img} alt="Image" className="mb-2.5 w-full" />
+    <div className="w-full">
+      <img src={img} alt="Image" className="mb-3 w-full object-cover" />
       <Title subTitle="" title={title} />
     </div>
   );