diff --git a/src/client/src/TournamentManager.js b/src/client/src/TournamentManager.js
index 7e7d0b6..1196c06 100644
--- a/src/client/src/TournamentManager.js
+++ b/src/client/src/TournamentManager.js
@@ -132,6 +132,8 @@ function ManageTournament(props) {
           <TextField type="text" id="editName" label="Edit Name:" placeholder="Edit Name" InputLabelProps={{shrink: true}}/>
           <TextField type="text" multiline={true} id="editDesc" label="Edit Description:" placeholder="Edit Description" InputLabelProps={{shrink: true}} />
           <Box sx={{flexGrow: 1}}>
+          <Grid container spacing={2} justifyContent="center">
+            <Grid item xs={4}>
               <LocalizationProvider dateAdapter={AdapterDateFns}>
                 <DateTimePicker label={"Start Time"} inputVariant="outlined" ampm={false} mask="____-__-__ __:__" format="yyyy-MM-dd HH:mm" inputFormat="yyyy-MM-dd HH:mm" value={startTime}
                   onChange={(newValue) => {
@@ -141,6 +143,8 @@ function ManageTournament(props) {
                   renderInput={(params) => <TextField id="editStartDate" {...params} />}
                 />
               </LocalizationProvider>
+              </Grid>
+              <Grid item xs={4}>
               <LocalizationProvider dateAdapter={AdapterDateFns}>
                 <DateTimePicker label={"End Time"} inputVariant="outlined" ampm={false} mask="____-__-__ __:__" format="yyyy-MM-dd HH:mm:" inputFormat="yyyy-MM-dd HH:mm" value={endTime}             
                   onChange={(newValue) => {
@@ -150,6 +154,8 @@ function ManageTournament(props) {
                   renderInput={(params) => <TextField id="editEndDate" {...params} />}
                 />
               </LocalizationProvider>
+              </Grid>
+            </Grid>
         </Box>
           {/* <TextField type="datetime-local" id="editStartDate" label="Edit Start Time" InputLabelProps={{shrink: true,}}/>
           <TextField type="datetime-local" id="editEndDate" label="Edit End Time" InputLabelProps={{shrink: true}}/> */}
diff --git a/src/client/src/TournamentOverview.js b/src/client/src/TournamentOverview.js
index 2c06638..f89c410 100644
--- a/src/client/src/TournamentOverview.js
+++ b/src/client/src/TournamentOverview.js
@@ -3,7 +3,7 @@ import { Link } from "react-router-dom";
 import Appbar from './components/AsuraBar';
 import TournamentBar from "./components/TournamentBar";
 import { useParams } from 'react-router-dom'
-import { Button, Paper, Stack } from "@mui/material";
+import { Button, Paper, Stack, CircularProgress, Box } from "@mui/material";
 import "./components/tournamentBracket.css";
 
 function MatchPair(props) {
@@ -172,7 +172,7 @@ function BracketViewer(props) {
             return <TournamentTier key={tierNum} tier={tierNum} matches={tier} teams={teams} />
           })}
         </div>
-      : <div className="loader"><h2>Loading...</h2></div>     
+      : <Box sx={{display:'flex', justifyContent:'center', alignItems:'center', position:'relative', marginTop:'5%'}}><CircularProgress size={"20vw"}/></Box>   
   );
 }