From a77b6ad6950a3bcf0e0c5a56e1881432037fa498 Mon Sep 17 00:00:00 2001
From: Michael Hunteman <michael@huntm.net>
Date: Fri, 16 Feb 2024 13:50:22 -0600
Subject: Don't use contain buttons

---
 src/components/NavBar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/components/NavBar.tsx')

diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index c8cb136..a4b46c8 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -35,13 +35,13 @@ function NavBar({ mode }) {
           >
           Madison and Michael's Wedding
         </Typography>
-        <Stack spacing={2} direction="row" sx={{ marginLeft: 'auto' }}>
+        <Stack direction="row" sx={{ marginLeft: 'auto' }}>
           {pages.map((page) => (
-            <Button component={Link} to={page.to} key={page.name} variant="contained">
+            <Button color="inherit" component={Link} to={page.to} key={page.name}>
               {page.name}
             </Button>
           ))}
-          <IconButton variant="contained" color="inherit" onClick={switchColorMode}>
+          <IconButton color="inherit" onClick={switchColorMode}>
             {theme.palette.mode === 'dark' ? <DarkModeIcon /> : <LightModeIcon />}
           </IconButton>
         </Stack>
-- 
cgit v1.2.3