diff --git a/src/pages/index.js b/src/pages/index.js
index 85e15bf..80b7a49 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -50,21 +50,27 @@ const BlogIndex = ({ data, location }) => {
         </Typography>
       </Box>
       <H1Separator title="What we offer" component="h2" />
-      <List>
-        {serviceMenu.map(({ label, path }) => (
-          <ListItem key={label}>
-            <ListItemButton component={GatsbyLink} to={path}>
-              <ListItemIcon>
-                <EastIcon />
+      <Box pl={8} py={1}>
+        <List>
+          {serviceMenu.map(({ label, path }) => (
+            <ListItem key={label}>
+              <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>
+            </ListItem>
+          ))}
+        </List>
+      </Box>
       <H2Separator title1="Interested?" title2="Work with us" component="h3" />
       <Typography>
         We build technologies and infrastructure to empower users to make a