sizing

packages/website/src/components/HomeGames.astro

@@ -2,7 +2,7 @@
 import { api } from "../api/dynamic";
 import { tools } from "../constants/tools";
 import { Heading } from "./Heading";
-import { Section } from "./Section";
+import HomeSection from "./HomeSection.astro";
 import ToolCard from "./ToolCard.astro";
 import ToolCardLayoutColumn from "./ToolCardLayoutColumn.astro";
 import ToolCardLayoutRoot from "./ToolCardLayoutRoot.astro";
@@ -16,7 +16,7 @@ const { locale } = Astro.props;
 const strings = await api.strings(locale);
 ---
 
-<Section>
+<HomeSection>
   <Heading size="2" className="title">{strings.home.games}</Heading>
 
   <ToolCardLayoutRoot>
@@ -28,4 +28,4 @@ const strings = await api.strings(locale);
       <ToolCard {locale} tool={tools.guesser} />
     </ToolCardLayoutColumn>
   </ToolCardLayoutRoot>
-</Section>
+</HomeSection>