diff --git a/ui/src/components/Header.tsx b/ui/src/components/Header.tsx
index 0831e844..569558bb 100644
--- a/ui/src/components/Header.tsx
+++ b/ui/src/components/Header.tsx
@@ -49,8 +49,13 @@ export default function Header({
   );
 }
 
-function Mobile(props: { window?: () => Window; onBrandClick?: () => void }) {
-  const { window } = props;
+function Mobile({
+  window,
+  onBrandClick,
+}: {
+  window?: () => Window;
+  onBrandClick?: () => void;
+}) {
   const drawerWidth = "100%";
   const [menuIsOpen, setMenuOpen] = useState(false);
 
@@ -100,7 +105,7 @@ function Mobile(props: { window?: () => Window; onBrandClick?: () => void }) {
         >
           {menuIsOpen ? <Close /> : <Menu />}
         </IconButton>
-        <Brand onClick={props.onBrandClick} />
+        <Brand onClick={onBrandClick} />
       </Box>
       <nav>
         <Drawer