diff --git a/src/app/ecosystem/page.tsx b/src/app/ecosystem/page.tsx
index fb8f228..7dc344a 100644
--- a/src/app/ecosystem/page.tsx
+++ b/src/app/ecosystem/page.tsx
@@ -279,24 +279,10 @@ function Ecosystem() {
   };
 
   return (
-    <div className="mb-[60px] lg:mb-[160px] pt-0 sm:pt-[192px]">
+    <div className="mb-[60px] lg:mb-[160px] pt-[100px] sm:pt-[192px]">
       <div className="main-container">
-        <div className="flex flex-col items-center gap-6 lg:gap-16 mt-[14px] w-full lg:mt-0">
-          {/* <div className="xl:max-w-[867px] flex flex-col gap-10 px-2 items-center">
-                        <div className="flex flex-col items-center gap-16">
-                            <div>
-                                <div className="flex flex-col">
-                                    <h1 className="text-white self-stretch text-center lg:text-center text-[36px] lg:text-[48px] font-semibold leading-[52px] lg:leading-[80px] font-ppmori-semibold">
-                                        Ecosystem
-                                    </h1>
-                                    <span className="text-medium-gray text-[20px] leading-8 text-center">
-                                        Explore applications and integrations in the Aura ecosystem.
-                                    </span>
-                                </div>
-                            </div>
-                        </div>
-                    </div> */}
-          <div className="w-[1360px] h-[98px] flex-col justify-start items-center gap-4 inline-flex">
+        <div className="flex flex-col items-center gap-6 lg:gap-16 w-full lg:mt-0">
+          <div className="flex-col justify-start items-center gap-4 inline-flex">
             <div className="self-stretch text-[#1c1f2a] text-[50px] font-semibold font-nacelle leading-[55px]">
               Ecosystem
             </div>
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index 6d525df..1bc6af0 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -43,7 +43,7 @@ function Header() {
   return (
     <>
       <header
-        className="fixed z-40 left-1/2 -translate-x-1/2 w-full transition-all duration-300"
+        className="fixed w-screen z-40 transition-all duration-300"
         id="navbar"
       >
         <div className="main-container">
@@ -52,9 +52,7 @@ function Header() {
               <Image
                 src={pathname === "/ecosystem/" ? logo3 : ic_logo}
                 alt="logo"
-                width={150}
-                height={80}
-                className="w-[114px] sm:w-[150px] h-[40px] sm:h-[80px]"
+                className="w-[114px] sm:w-[150px]"
               />
             </Link>
 
@@ -118,7 +116,11 @@ function Header() {
                 }}
                 className="flex"
               >
-                <Image src={ic_logo} alt="logo" width={150} height={80} />
+                <Image
+                  src={ic_logo}
+                  alt="logo"
+                  className="w-[114px] sm:w-[150px]"
+                />
               </Link>
               <div
                 className="text-white text-lg font-semibold font-interTight leading-[27px]"