diff --git a/ui/src/components/Header.tsx b/ui/src/components/Header.tsx
index 58b70054..1e4f7cd7 100644
--- a/ui/src/components/Header.tsx
+++ b/ui/src/components/Header.tsx
@@ -124,7 +124,14 @@ function Mobile(props: { window?: () => Window }) {
             flexDirection="column"
             alignItems="center"
           >
-            <Box sx={{ my: 2 }}>
+            <Box sx={{ my: 2, display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
+              <IconButton
+                sx={{ color: 'base.contrastText', position: 'absolute', left: '1%' }}
+                color="inherit"
+                onClick={handleMenuToggle}
+              >
+                <Close />
+              </IconButton>
               <Image
                 src={wordmark.src}
                 alt="Orcasound"