diff --git a/webapp/src/components/Header/index.css b/webapp/src/components/Header/index.css
index 1cd380f..d1f3ba0 100644
--- a/webapp/src/components/Header/index.css
+++ b/webapp/src/components/Header/index.css
@@ -20,9 +20,10 @@ nav a {
     color: lightgray;
     text-decoration: none;
     transition: .25s ease;
+    width: 100px; 
 
-    margin-left: 30px;
-    margin-right: 30px;
+    margin-left: 5px;
+    margin-right: 5px; 
     padding: 0.25rem 1rem;
 }
 
diff --git a/webapp/src/components/Header/index.jsx b/webapp/src/components/Header/index.jsx
index ebaa4d0..40a5e08 100644
--- a/webapp/src/components/Header/index.jsx
+++ b/webapp/src/components/Header/index.jsx
@@ -35,11 +35,7 @@ export default function Header() {
       </NavLink>
 
       <NavLink to="/about" className={""}>
-        <span>A</span>
-        <span>b</span>
-        <span>o</span>
-        <span>u</span>
-        <span>t</span>
+        About
       </NavLink>
     </nav>
   </div>
diff --git a/webapp/src/components/Header/wave.css b/webapp/src/components/Header/wave.css
index 43ddd33..f720945 100644
--- a/webapp/src/components/Header/wave.css
+++ b/webapp/src/components/Header/wave.css
@@ -3,6 +3,8 @@
   .woble {
     display: flex;
     cursor: pointer;
+    justify-content: center; 
+    align-items: center;
     /* text-transform: uppercase; */
     /* font-size: 1.5rem; */
     /* padding: 1rem 2rem; */