diff --git a/apps/documentation/src/components/hero/hero.tsx b/apps/documentation/src/components/hero/hero.tsx
index c484a054..4aa07282 100644
--- a/apps/documentation/src/components/hero/hero.tsx
+++ b/apps/documentation/src/components/hero/hero.tsx
@@ -13,7 +13,7 @@ import { Link } from 'tuono'
 
 export default function Hero(): JSX.Element {
   return (
-    <Container size={1100} mt={200}>
+    <Container size={1100} my={100}>
       <Center>
         <Title order={1}>The react/rust fullstack framework</Title>
       </Center>
diff --git a/apps/documentation/src/routes/__root.tsx b/apps/documentation/src/routes/__root.tsx
index f11047d1..b017e18e 100644
--- a/apps/documentation/src/routes/__root.tsx
+++ b/apps/documentation/src/routes/__root.tsx
@@ -10,6 +10,8 @@ import { Head, useRouter } from 'tuono'
 import Navbar from '../components/navbar'
 
 import '@mantine/core/styles.css'
+import '@mantine/code-highlight/styles.css'
+
 import Sidebar from '../components/sidebar'
 
 interface RootRouteProps {
diff --git a/apps/documentation/src/routes/documentation/__root.tsx b/apps/documentation/src/routes/documentation/__root.tsx
index 639ba5b4..5ee3de15 100644
--- a/apps/documentation/src/routes/documentation/__root.tsx
+++ b/apps/documentation/src/routes/documentation/__root.tsx
@@ -4,8 +4,6 @@ import MdxProvider from '../../components/mdx-provider'
 import EditPage from '../../components/edit-page'
 import TableOfContents from '../../components/table-of-content'
 
-import '@mantine/code-highlight/styles.css'
-
 interface RootRouteProps {
   children: ReactNode
 }