BottomSheet: backward animation

src/settings/Settings.tsx

@@ -50,7 +50,7 @@ const Settings: ParentComponent = () => {
       topbar={
         <AppBar position="static">
           <Toolbar variant="dense" sx={{paddingTop: "var(--safe-area-inset-top, 0px)"}}>
-            <IconButton onClick={[navigate, -1]}>
+            <IconButton color="inherit" onClick={[navigate, -1]}>
               <CloseIcon />
             </IconButton>
             <Title>Settings</Title>