diff --git a/src/app/globals.css b/src/app/globals.css
index 4b1f53d..fba300b 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -196,7 +196,6 @@ body {
   background-size: cover;
   background-repeat: no-repeat;
   border: 1px solid #FD9552;
-  box-shadow: 0px 68px 160px 0px rgba(0, 0, 0, 0.45);
 }
 
 /* Ecosystem card */
diff --git a/src/sections/ecosystem/components/Card/index.tsx b/src/sections/ecosystem/components/Card/index.tsx
index cb72102..2e8787c 100644
--- a/src/sections/ecosystem/components/Card/index.tsx
+++ b/src/sections/ecosystem/components/Card/index.tsx
@@ -18,7 +18,7 @@ function Card({ data }: CardProps) {
     const { img, title, description, name, link } = data
     return (
         <div className={`ecosystem-card-${name} group relative bg-white hover:bg-black rounded-3xl border border-solid border-[rgba(254,119,108,0.16)] flex flex-col gap-8 lg:gap-0 lg:justify-between items-start p-8 hover:pb-10 max-w-[345px] h-[296px] card lg:p-14 lg:hover:pb-16 lg:max-w-[427px] lg:max-h-[481px] lg:h-[481px]`}>
-            <Link href={link} target="_blank">
+            <Link id={name} href={link} target="_blank">
                 <Image className="lg:w-8 lg:h-8 absolute right-[30px] top-[30px] hidden rotate-45 group-hover:block group-hover:rotate-0 transition delay-100 duration-500" src={ic_arrow_up_right} alt="ic_arrow"></Image>
             </Link>
             <Image className="lg:w-16 lg:h-16" src={img} alt={title}></Image>