From abdc33034a2f1ee8403030100f586337e8dbaa5e Mon Sep 17 00:00:00 2001
From: Vorleak Yek <vorleakyek@gmail.com>
Date: Wed, 30 Oct 2024 20:32:34 -0700
Subject: [PATCH] Update div to box

---
 client/src/pages/Users.jsx | 14 +++++++-------
 client/src/sass/Users.scss |  5 +++++
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/client/src/pages/Users.jsx b/client/src/pages/Users.jsx
index 25945016..2ec4aad0 100644
--- a/client/src/pages/Users.jsx
+++ b/client/src/pages/Users.jsx
@@ -1,13 +1,13 @@
 import React, { useState } from 'react';
 import { Link } from 'react-router-dom';
-import { Button } from '@mui/material';
+import { Button, Box, Container } from '@mui/material';
 
 import '../sass/Users.scss';
 
 const Users = () => {
   return (
-    <div className="container--users">
-      <div className="margin-bottom">
+    <Container className="container--users">
+      <Box className="margin-bottom center">
         <Button
           component={Link}
           to="/users/user-search"
@@ -16,8 +16,8 @@ const Users = () => {
         >
           User Search
         </Button>
-      </div>
-      <div>
+      </Box>
+      <Box className="center">
         <Button
           component={Link}
           to="/users/permission-search"
@@ -26,8 +26,8 @@ const Users = () => {
         >
           User Permission Search
         </Button>
-      </div>
-    </div>
+      </Box>
+    </Container>
   );
 };
 
diff --git a/client/src/sass/Users.scss b/client/src/sass/Users.scss
index d40f7efb..aa69313e 100644
--- a/client/src/sass/Users.scss
+++ b/client/src/sass/Users.scss
@@ -6,6 +6,11 @@
     margin-top: 50px;
 }
 
+.center {
+    display: flex;
+    justify-content: center;
+}
+
 .button {
    width: 250px; 
    border-radius: 8px;