From 43e2fc8d87fb1a56837da1ab169d13f5070b2688 Mon Sep 17 00:00:00 2001
From: nickofolas <nickofolas@gmail.com>
Date: Sun, 24 Apr 2022 14:43:19 -0500
Subject: [PATCH] Update Bracket Game

---
 src/Infiltration/ui/BracketGame.tsx | 10 +++++-----
 src/Infiltration/ui/SlashGame.tsx   |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/Infiltration/ui/BracketGame.tsx b/src/Infiltration/ui/BracketGame.tsx
index 41015e8e6..9c620ce86 100644
--- a/src/Infiltration/ui/BracketGame.tsx
+++ b/src/Infiltration/ui/BracketGame.tsx
@@ -6,10 +6,10 @@ import { GameTimer } from "./GameTimer";
 import { random } from "../utils";
 import { interpolate } from "./Difficulty";
 import { BlinkingCursor } from "./BlinkingCursor";
-import Typography from "@mui/material/Typography";
 import { Player } from "../../Player";
 import { AugmentationNames } from "../../Augmentation/data/AugmentationNames";
 import { KEY } from "../../utils/helpers/keyCodes";
+import { Paper, Box, Typography } from "@mui/material";
 
 interface Difficulty {
   [key: string]: number;
@@ -84,16 +84,16 @@ export function BracketGame(props: IMinigameProps): React.ReactElement {
   }
 
   return (
-    <Grid container spacing={3}>
+    <>
       <GameTimer millis={timer} onExpire={props.onFailure} />
-      <Grid item xs={12}>
+      <Paper sx={{ display: "grid", justifyItems: "center" }}>
         <Typography variant="h4">Close the brackets</Typography>
         <Typography style={{ fontSize: "5em" }}>
           {`${left}${right}`}
           <BlinkingCursor />
         </Typography>
         <KeyHandler onKeyDown={press} onFailure={props.onFailure} />
-      </Grid>
-    </Grid>
+      </Paper>
+    </>
   );
 }
diff --git a/src/Infiltration/ui/SlashGame.tsx b/src/Infiltration/ui/SlashGame.tsx
index 8676b2a21..1c4a89810 100644
--- a/src/Infiltration/ui/SlashGame.tsx
+++ b/src/Infiltration/ui/SlashGame.tsx
@@ -60,7 +60,7 @@ export function SlashGame(props: IMinigameProps): React.ReactElement {
   return (
     <>
       <GameTimer millis={5000} onExpire={props.onFailure} />
-      <Paper sx={{ display: "grid", gridTemplateColumns: "1fr", justifyItems: "center" }}>
+      <Paper sx={{ display: "grid", justifyItems: "center" }}>
         <Typography variant="h4">Slash when his guard is down!</Typography>
 
         {hasAugment ? (