sizing

packages/website/src/components/HomePlayers.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">{strings.home.players}</Heading>
 
   <ToolCardLayoutRoot>
@@ -29,4 +29,4 @@ const strings = await api.strings(locale);
       <ToolCard {locale} tool={tools.players} />
     </ToolCardLayoutColumn>
   </ToolCardLayoutRoot>
-</Section>
+</HomeSection>