Login Page Update

src/components/LoginPage/LoginPage.tsx

@@ -7,7 +7,7 @@ import { Box } from "@mui/material";
 
 const LoginPage = () => {
   return (
-    <Grid container height="100vh">
+    <Grid container sx={{ minHeight: "100vh" }}>
       <Grid
         item
         xs={0}
@@ -34,7 +34,14 @@ const LoginPage = () => {
           }}
         />
       </Grid>
-      <Grid item xs={12} sm={8} md={7} lg={6}>
+      <Grid
+        item
+        xs={12}
+        sm={8}
+        md={7}
+        lg={6}
+        sx={{ display: "flex", flexDirection: "column", minHeight: "100vh" }}
+      >
         <Box
           sx={{
             width: "100%",
@@ -49,7 +56,7 @@ const LoginPage = () => {
         >
           <Logo height={42} />
         </Box>
-        <Paper square sx={{ height: "100%" }}>
+        <Paper square sx={{ flex: 1 }}>
           <LoginForm />
         </Paper>
       </Grid>