diff --git a/src/pages/index.js b/src/pages/index.js
index 4377f68..cc2bb3d 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -4,7 +4,7 @@ import { Link as GatsbyLink, graphql } from "gatsby"
 import Bio from "../components/bio"
 import Layout from "../components/layout"
 import Seo from "../components/seo"
-import { Box, Button, Link, List, ListItem, ListItemIcon, ListItemText, Stack, SvgIcon, Typography } from "@mui/material"
+import { Box, Button, Link, List, ListItem, ListItemIcon, ListItemText, Stack, Typography } from "@mui/material"
 import EastIcon from '@mui/icons-material/East'
 import { H1Separator, H2Separator } from "../components/heading-separators"
 import LeafIcon from "../components/leaf-icon"
@@ -81,7 +81,7 @@ const BlogIndex = ({ data, location }) => {
         positive impact on the world. All of our services reflect our commitment
         to our core values:
       </Typography>
-      <Stack direction="row">
+      <Stack direction={{ xs: "column", md: "row" }}>
         {coreValues.map(({ label, path }) => (
           <Button
             component={GatsbyLink}