diff --git a/src/App.tsx b/src/App.tsx
index 990bbe8e..6bd8a272 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,7 +5,7 @@ import { Outlet } from "react-router-dom";
 function App() {
   return (
     <div className="relative min-h-screen bg-bg-primary">
-      <div className="fixed left-0 top-0 z-10 flex h-[3.125rem] w-full items-center justify-center bg-primary lg:h-[3.75rem] lg:bg-bg-primary">
+      <div className="fixed left-0 top-0 z-10 flex h-[3.125rem] w-full items-center justify-center bg-bg-primary pt-[10px] lg:h-[3.75rem] lg:pt-0">
         <Header />
       </div>
 
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index aa52ab95..30474742 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -28,16 +28,13 @@ export const Header = () => {
         <>
           <div className="flex items-center gap-[0.625rem]">
             <a
-              className="text-light min-h-[2.25rem] bg-[#242A2E] px-[15px] py-[7px] text-sm text-white transition hover:opacity-80 active:scale-95 lg:border lg:border-primary"
+              className="text-light active:scale-9 min-h-[2.25rem] rounded-[0.625rem] bg-primary px-[0.938rem] py-[0.5rem] text-[0.875rem] font-[700] text-white transition hover:opacity-80"
               target="_blank"
               rel="noopener noreferrer"
               href="https://github.com/darwinia-network/apps/blob/master/README.md#how-to-add-your-portal"
             >
               {t("Submit")}
             </a>
-            <button className="h-[2.25rem] w-[2.25rem] bg-[#242A2E] p-[0.625rem] lg:hidden lg:border lg:border-primary">
-              <img src={mobileMenuIcon} alt="mobileMenuIcon" className="" />
-            </button>
           </div>
           {/* <div className=" hidden items-center gap-[0.625rem] lg:flex">
             <div className="flex cursor-pointer items-center gap-[0.313rem] rounded-[0.313rem] bg-[#242A2E] px-[0.625rem] py-[0.5rem]">
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index 37937a1f..ddf5817b 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -2,17 +2,17 @@ import hero from "../assets/herobg.png";
 
 export const Hero = () => {
   return (
-    <div className="flex flex-col items-center justify-center gap-5 px-[0.625rem] py-5 lg:relative lg:mt-[1.875rem] lg:gap-[1.875rem] lg:px-0 lg:py-[4.063rem] ">
+    <div className="mt-[4rem] flex flex-col items-center justify-center gap-5 px-[0.625rem] py-5 lg:relative lg:mt-[1.875rem] lg:gap-[1.875rem] lg:px-0 lg:py-[4.063rem] ">
       {/* <img alt="..." src={hero} /> */}
       <div
-        className="inset-0 mt-[3.5rem] h-[189px] w-full bg-cover bg-center lg:absolute lg:mt-0 lg:h-auto lg:opacity-[30%]"
+        className="inset-0 h-[189px] w-full bg-cover bg-center lg:absolute  lg:h-auto lg:opacity-[30%]"
         style={{
           backgroundImage: `url(${hero})`,
         }}
       ></div>
       <p className="relative z-10 text-[1.5rem] font-[700] text-white ">
         Explore Dapps building on {"{"}
-        <span className="text-primary">Darwinia</span>
+        <span className="text-primary">Darwinia2</span>
         {"}"} ecosystem_
       </p>
     </div>