Css – Box component goes over Grid height
Home.jsx <Box component="fieldset" sx={{borderRadius:2, height:"100%"}}> App.jsx <Grid container> <Grid item xs={4} > <Root/> </Grid> <Grid item xs={8} > <BrowserRouter> <Routes> <Route path='/' element={<Home/>}/> </Routes> </BrowserRouter> </Grid> </Grid> I've put "height:100%" in the Box in Home.jsx because otherwise box is really…