diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index ca7eccbcadeeea2c414fe86bd2f70e905463c321..5f360d7719ace066dbc4c3deab43dff61265de1b 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -352,7 +352,20 @@ footer a:hover {
   margin-bottom: 100px;
   /* max-width: 0.9vw; */
   background-color: #ffa6009f;
-  box-shadow: 15px 15px 5px rgba(0,0,0,0.1);
+  /* box-shadow: 15px 15px 5px rgba(0,0,0,0.1); */
+
+}
+
+.rounded-border:hover {
+  margin: 50px;
+  padding: 50px;
+  border: 2px solid #f7a901; 
+  /* 设置边框的宽度和颜色 */
+  border-radius: 10px; /* 设置圆角半径 */
+  margin-bottom: 100px;
+  /* max-width: 0.9vw; */
+  background-color: #ffa600c0;
+  box-shadow: 10px 10px 5px rgba(0,0,0,0.1);
 
 }
 
@@ -376,15 +389,17 @@ footer a:hover {
 
 .side-navbar {
   width: 250px;
-  position: fixed;
+  position: sticky;
   top: 0;
   left: 0;
-  height: 50vh;
+  height: auto;
   background-color: rgb(245, 245, 220);
   padding: 20px;
   box-shadow: 2px 0 5px rgba(0,0,0,0.1);
-  margin-top: 300px;
+  /* margin-top: 500px; */
   margin-left: 20px;
+  padding: 20px;
+  padding-top: 140px;
 }
 
 .side-navbar .nav-link {
@@ -617,4 +632,10 @@ footer a:hover {
 .navbar-img {
   height: 80px;
   width:auto;
+}
+
+.header-img {
+  height: 30%;
+  width: auto;
+  
 }
\ No newline at end of file
diff --git a/src/contents/safety.tsx b/src/contents/safety.tsx
index f09b6b3912ac7be3476c9b5cf403895dd11d569b..951eac553ffd3ce394d5c8d23aedf34f3589cf7e 100644
--- a/src/contents/safety.tsx
+++ b/src/contents/safety.tsx
@@ -54,7 +54,13 @@ export function Safety() {
   return (
     <>
     <div className="custom-header-safety">
-<h1 className="centered-title">SAFETY</h1>
+<h1 className="centered-title">
+              <img 
+                src="https://static.igem.wiki/teams/5378/header/safety.webp"
+                alt="safety header"
+                className="header-img"
+              />
+</h1>
 </div>
       <div className="row  bg-rice_yellow">
         <div className="col-3">