diff --git a/src/web/src/components/header/default.jsx b/src/web/src/components/header/default.jsx
index 69c3388..66606a8 100644
--- a/src/web/src/components/header/default.jsx
+++ b/src/web/src/components/header/default.jsx
@@ -17,11 +17,12 @@ function DefaultHeader() {
         },
       }}
       className="
-        fixed top-0 left-0 w-full
+        fixed top-0 left-0 w-full z-50
         hidden 2xl:flex xl:flex lg:flex md:flex flex-row
         lg:px-6 md:px-5 sm:px-4 lg:py-1.5 md:py-1.5
         lg:text-4xl md:text-3xl
         font-bold justify-center
+        shadow-md
     ">
       <div className="flex lg:space-x-20 md:space-x-10">
         {Links.map((link) => (
@@ -41,5 +42,4 @@ function DefaultHeader() {
     </motion.nav>
   );
 }
-
 export default DefaultHeader;
diff --git a/src/web/src/components/hero/content.jsx b/src/web/src/components/hero/content.jsx
index 8796f2e..64230b6 100644
--- a/src/web/src/components/hero/content.jsx
+++ b/src/web/src/components/hero/content.jsx
@@ -33,7 +33,7 @@ function Portrait() {
 function Content() {
   return (
     <>
-      <div className="relative h-screen overflow-y-scroll font-bold text-4xl">
+      <div className="flex justify-center items-center h-full font-bold text-4xl">
         <div className="h-screen flex flex-col items-center justify-center">
           <div className="relative h-48 overflow-y-auto">
             <Typewriter