diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index f7704933ce02ec6328475cce171930a007c2e2b6..69994cc620367f3a3307b09806bbcc1598478896 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -806,8 +806,9 @@ footer a:hover {
 }
 
 .header-img {
-  height: 30%;
-  width: auto;
+  height: auto;
+  min-width: 40%;
+  max-width: 60%;
   position: relative;
   z-index: 2;
 }
diff --git a/src/contents/collaboration.tsx b/src/contents/collaboration.tsx
index bd02ba4676027883eaed82fbb29351ff791eecf3..63357b859087cb2b83c0eafb8abc8678f8b97ea2 100644
--- a/src/contents/collaboration.tsx
+++ b/src/contents/collaboration.tsx
@@ -53,15 +53,20 @@ export function collaboration() {
     return (
       <>
 
-        <div className="custom-header-collaboration">
-            {/* <h1 className="centered-title">COLLABORATION</h1> */}
-            
-            <img 
+<div className="custom-header-inclusivity">
+<h1 className="centered-title">
+              <img 
+                src="https://static.igem.wiki/teams/5378/header/collaboration.png"
+                alt="safety header"
+                className="header-img"
+              />
+                            <img 
                 src="https://static.igem.wiki/teams/5378/header/header-bar.webp"
                 alt="safety header"
                 className="header-bar"
               />
-        </div>
+</h1>
+</div>
         <div className='row bg-rice_yellow'>
         <div className="col-2">
             <SideNavbar activeLink={activeLink}          />