diff --git a/src/components/home/hero.astro b/src/components/home/hero.astro
index 5582a171..b40990d5 100644
--- a/src/components/home/hero.astro
+++ b/src/components/home/hero.astro
@@ -5,7 +5,7 @@ import { Icon } from "astro-icon/components";
 import HeroAnimation from "./hero-animation.astro";
 ---
 
-<section class="relative overflow-hidden bg-[#D3DAE5]">
+<section class="relative overflow-hidden bg-[#DCE9FA]">
   <div class="absolute inset-0 z-0 hidden lg:block">
     <div class="bg-grid-pattern absolute inset-0 opacity-10"></div>
   </div>
@@ -61,7 +61,7 @@ import HeroAnimation from "./hero-animation.astro";
     </div>
   </div>
   <div
-    class="container motion-preset-slide-up pointer-events-none relative z-20 mx-auto mt-2 px-4 motion-delay-[1600ms] motion-ease-spring-smooth md:-mt-36"
+    class="container motion-preset-slide-up pointer-events-none relative z-20 mx-auto mt-2 px-4 motion-delay-[1600ms] motion-ease-spring-smooth md:-mt-52"
   >
     <HeroAnimation />
   </div>