diff --git a/apps/baseai.dev/src/components/home/hero.tsx b/apps/baseai.dev/src/components/home/hero.tsx
index 0d2978ae..b23d3e8c 100644
--- a/apps/baseai.dev/src/components/home/hero.tsx
+++ b/apps/baseai.dev/src/components/home/hero.tsx
@@ -12,8 +12,8 @@ const inter = Inter({ subsets: ['latin'] });
 
 export default function Hero({ }) {
 	return (
-		<div className="flex h-full flex-col items-center justify-between relative mt-[74px] sm:mt-0">
-			<div className="h-full webgl absolute -top-[26vh] flex w-full sm:-top-16">
+		<div className="flex h-full flex-col items-center justify-center relative">
+			<div className="h-full webgl absolute -top-[20vh] flex w-full sm:-top-16">
 				<WebGLInitializer />
 			</div>
 			<Content />
@@ -23,7 +23,7 @@ export default function Hero({ }) {
 
 function Content() {
 	return (
-		<div className="z-10 grid min-h-[80vh] w-[90vw] grid-rows-[auto_1fr_auto] gap-4 px-6 sm:p-6 sm:mt-[104px] sm:min-h-[85vh] sm:w-[76vw]">
+		<div className="z-10 grid min-h-[75vh] w-[90vw] grid-rows-[auto_1fr_auto] gap-4 pb-6 px-6 sm:p-6 mt-[74px] sm:mt-[104px] sm:min-h-[85vh] sm:w-[76vw]">
 			<div className="col-span-2 flex items-center justify-between">
 				<div className={cn('flex items-center', inter.className)}>
 					<div className="mr-4 hidden size-4 rounded-full bg-muted-foreground/70 sm:block"></div>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dd7a7a5e..66444aef 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -44,7 +44,7 @@ importers:
         version: 2.1.3
       vitest:
         specifier: ^1.6.0
-        version: 1.6.0(@edge-runtime/vm@4.0.3)(@types/node@22.7.4)(jsdom@25.0.1(canvas@2.11.2))(terser@5.34.1)
+        version: 1.6.0(@edge-runtime/vm@4.0.3)(@types/node@22.7.4)(jsdom@25.0.1)(terser@5.34.1)
 
   apps/baseai.dev:
     dependencies:
@@ -644,7 +644,7 @@ importers:
         version: 5.6.2
       vitest:
         specifier: 1.6.0
-        version: 1.6.0(@edge-runtime/vm@4.0.3)(@types/node@22.7.4)(jsdom@25.0.1(canvas@2.11.2))(terser@5.34.1)
+        version: 1.6.0(@edge-runtime/vm@4.0.3)(@types/node@22.7.4)(jsdom@25.0.1)(terser@5.34.1)
 
   packages/core:
     dependencies:
@@ -702,7 +702,7 @@ importers:
         version: 5.6.2
       vitest:
         specifier: 1.6.0
-        version: 1.6.0(@edge-runtime/vm@4.0.3)(@types/node@22.7.4)(jsdom@25.0.1(canvas@2.11.2))(terser@5.34.1)
+        version: 1.6.0(@edge-runtime/vm@4.0.3)(@types/node@22.7.4)(jsdom@25.0.1)(terser@5.34.1)
 
   tools/eslint-config:
     devDependencies:
@@ -19292,7 +19292,7 @@ snapshots:
     optionalDependencies:
       vite: 5.4.8(@types/node@22.7.4)(terser@5.34.1)
 
-  vitest@1.6.0(@edge-runtime/vm@4.0.3)(@types/node@22.7.4)(jsdom@25.0.1(canvas@2.11.2))(terser@5.34.1):
+  vitest@1.6.0(@edge-runtime/vm@4.0.3)(@types/node@22.7.4)(jsdom@25.0.1)(terser@5.34.1):
     dependencies:
       '@vitest/expect': 1.6.0
       '@vitest/runner': 1.6.0