From c5d79de6971805c27e14bbc35e5bf32440cb63bd Mon Sep 17 00:00:00 2001
From: "B.E.N.S.O.N" <bensonhkbus@gmail.com>
Date: Mon, 16 Mar 2026 15:04:44 +0800
Subject: [PATCH] Login Page Update

---
 src/components/LoginPage/LoginPage.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/LoginPage/LoginPage.tsx b/src/components/LoginPage/LoginPage.tsx
index 7be50c8..23fa15c 100644
--- a/src/components/LoginPage/LoginPage.tsx
+++ b/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>