From 63e2da1401fbd2ef28172762f0476a73369cbbc6 Mon Sep 17 00:00:00 2001
From: nonoge <41133441+zhangbububu@users.noreply.github.com>
Date: Mon, 13 Jul 2026 17:38:49 +0700
Subject: [PATCH] fix landing hero background positioning (#4092)

---
 frontend/src/components/landing/hero.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/landing/hero.tsx b/frontend/src/components/landing/hero.tsx
index 34aa91762..050e52db3 100644
--- a/frontend/src/components/landing/hero.tsx
+++ b/frontend/src/components/landing/hero.tsx
@@ -32,7 +32,7 @@ export function Hero({ className }: { className?: string }) {
   return (
     <div
       className={cn(
-        "flex size-full flex-col items-center justify-center",
+        "relative flex size-full flex-col items-center justify-center",
         className,
       )}
     >
@@ -47,7 +47,7 @@ export function Hero({ className }: { className?: string }) {
         />
       </div>
       <FlickeringGrid
-        className="absolute inset-0 z-0 translate-y-8 mask-[url(/images/deer.svg)] mask-size-[100vw] mask-center mask-no-repeat md:mask-size-[72vh]"
+        className="absolute inset-0 z-0 mask-[url(/images/deer.svg)] mask-size-[100vw] mask-center mask-no-repeat md:mask-size-[72vh]"
         squareSize={4}
         gridGap={4}
         color={"white"}