diff --git a/src/pages/LoginPage/Login.tsx b/src/pages/LoginPage/Login.tsx
index 7916775..4e3eea3 100644
--- a/src/pages/LoginPage/Login.tsx
+++ b/src/pages/LoginPage/Login.tsx
@@ -76,7 +76,7 @@ export default () => {
 
           <Padding top={2} left={0} right={0} bottom={0}>
             <Row>
-              <Box curved thickness={2} padding={2} color="#2f465cd7" background="#04040654">
+              <Box curved thickness={2} padding="2rem" color="#2f465cd7" background="#04040654">
                 <Row>
                   <span class="box-title">Login</span>
                 </Row>
@@ -132,7 +132,7 @@ export default () => {
           <Padding top={1} bottom={1} left={4} right={4}>
             <Column>
               <Row>
-                <Box curved thickness={3} color="white" padding={1}>
+                <Box curved thickness={3} color="white" padding="1rem">
                   <h2>Login Successful</h2>
                 </Box>
               </Row>
@@ -150,7 +150,7 @@ export default () => {
           <Padding top={1} bottom={1} left={4} right={4}>
             <Column>
               <Row>
-                <Box curved thickness={3} color="white" padding={1}>
+                <Box curved thickness={3} color="white" padding="1rem">
                   <h2>Login Failed</h2>
                 </Box>
               </Row>