Update styling and heading levels.

src/app/StatsList.tsx

@@ -1,5 +1,5 @@
-import { Fragment, JSX } from "react";
-import { Heading, Flex } from "@chakra-ui/react";
+import { JSX } from "react";
+import { Heading, Flex, VStack } from "@chakra-ui/react";
 import { CombinedError } from "urql";
 import SingleStatComponent from "@/components/stats/SingleStat";
 
@@ -23,8 +23,8 @@ const StatsList = ({
   triggers
 }: StatsListProps): JSX.Element => {
   return (
-    <Fragment>
-      <Heading as="h1" fontSize="3xl">
+    <VStack gap={6} w="100%">
+      <Heading as="h3" fontSize="3xl">
         {title}
       </Heading>
       <Flex w="80%" flexDirection={{ base: "column", md: "row" }} gap={4}>
@@ -55,7 +55,7 @@ const StatsList = ({
           stat={triggers}
         />
       </Flex>
-    </Fragment>
+    </VStack>
   );
 };