diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index 34e37c1a49da74248648463777cb78b840188d79..4ab9bc387ec33da577f17f7cbb13c82272e5c9d1 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -329,8 +329,8 @@ footer a:hover {
 .card {
   transition: transform 0.2s;
   width: 100%;
-  border: 5px solid rgba(114, 47, 55, 1) !important;
-  background-color: #f77001a6 !important;
+  border: 15px solid rgba(114, 47, 55, 1) !important;
+  background-color: rgba(114, 47, 55, 1) !important;
   border-radius: 10px !important;
   /* height: 400px; */
 }
diff --git a/src/contents/team.tsx b/src/contents/team.tsx
index 9859eedee418667a42feb0378443d2f34bf65d27..c98233d458c8123de09838a54d0ad51dea52492e 100644
--- a/src/contents/team.tsx
+++ b/src/contents/team.tsx
@@ -29,17 +29,16 @@ const Card: React.FC<CardProps> = ({ image1, image2, title1,  description1,  id,
           alt={title1}
           className="card-img-top"
         />
-        {isHovered ? (  // 根据 isHovered 状态控制内容渲染
-          <div className="card-body">
+      </div>
+      {isHovered ? (  // 根据 isHovered 状态控制内容渲染
+          <div className="card-body mt-5">
             <h5 className="card-title">{description1}</h5>
           </div>
         ) : (
-          <div className="card-body">
+          <div className="card-body mt-5">
             <h5 className="card-title">{title1}</h5>
           </div>
         )}
-        
-      </div>
     </div>
   );
 };
@@ -198,6 +197,11 @@ export function Team() {
             alt="team header"
             className="header-img"
           />
+          <img 
+                src="https://static.igem.wiki/teams/5378/header/header-bar.webp"
+                alt="safety header"
+                className="header-bar"
+              />
         </h1>
       </div>