fix: use box

ricardocasares · Oct 28, 2020 · 9da6711 · 9da6711
1 parent 8220d1a
commit 9da6711
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,11 +1,12 @@
+import { Box } from "@/components/Box";
 import { Heading } from "@/components/Typography";
 import { StationCardList } from "@/components/StationCardList";
 
 export const Index = () => (
-  <div style={{ padding: "var(--sz4)" }}>
+  <Box p={["var(--sz4)"]}>
     <Heading as="h3">Tango</Heading>
     <StationCardList name="tango" />
-  </div>
+  </Box>
 );
 
 export default Index;