home: style what we offer section

src/pages/index.js

@@ -50,21 +50,27 @@ const BlogIndex = ({ data, location }) => {
         </Typography>
       </Box>
       <H1Separator title="What we offer" component="h2" />
+      <Box pl={8} py={1}>
         <List>
           {serviceMenu.map(({ label, path }) => (
             <ListItem key={label}>
-            <ListItemButton component={GatsbyLink} to={path}>
-              <ListItemIcon>
-                <EastIcon />
+              <ListItemIcon sx={{ minWidth: "inherit", pr: 1 }}>
+                <EastIcon fontSize="small" color="primary" />
               </ListItemIcon>
               <ListItemText
                 primary={label}
-                primaryTypographyProps={{ textTransform: "capitalize" }}
+                sx={{ my: 0 }}
+                primaryTypographyProps={{
+                  textTransform: "capitalize",
+                  fontSize: 28,
+                  fontWeight: 700,
+                  lineHeight: 1,
+                }}
               />
-            </ListItemButton>
             </ListItem>
           ))}
         </List>
+      </Box>
       <H2Separator title1="Interested?" title2="Work with us" component="h3" />
       <Typography>
         We build technologies and infrastructure to empower users to make a