From bdb4d96f43c065eba80816bf51109b7cc1c4dc27 Mon Sep 17 00:00:00 2001
From: Olivier Gagnon <oli.gagnon4418@gmail.com>
Date: Sat, 19 Mar 2022 11:19:59 -0400
Subject: [PATCH] fix tooltip not dissapearing.

---
 src/Corporation/ui/IndustryOffice.tsx | 29 ++++++++++++++++-----------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/Corporation/ui/IndustryOffice.tsx b/src/Corporation/ui/IndustryOffice.tsx
index 62c6b2205..af04c7591 100644
--- a/src/Corporation/ui/IndustryOffice.tsx
+++ b/src/Corporation/ui/IndustryOffice.tsx
@@ -431,17 +431,21 @@ export function IndustryOffice(props: IProps): React.ReactElement {
       <Typography>
         Size: {props.office.employees.length} / {props.office.size} employees
       </Typography>
-      <Box sx={{ display: 'grid', gridTemplateColumns: '1fr', width: 'fit-content' }}>
-        <Box sx={{ gridTemplateColumns: 'repeat(3, 1fr)' }}>
+      <Box sx={{ display: "grid", gridTemplateColumns: "1fr", width: "fit-content" }}>
+        <Box sx={{ gridTemplateColumns: "repeat(3, 1fr)" }}>
           <Tooltip title={<Typography>Automatically hires an employee and gives him/her a random name</Typography>}>
-            <Button disabled={props.office.atCapacity()} onClick={autohireEmployeeButtonOnClick}>
-              Hire Employee
-            </Button>
+            <span>
+              <Button disabled={props.office.atCapacity()} onClick={autohireEmployeeButtonOnClick}>
+                Hire Employee
+              </Button>
+            </span>
           </Tooltip>
           <Tooltip title={<Typography>Upgrade the office's size so that it can hold more employees!</Typography>}>
-            <Button disabled={corp.funds < 0} onClick={() => setUpgradeOfficeSizeOpen(true)}>
-              Upgrade size
-            </Button>
+            <span>
+              <Button disabled={corp.funds < 0} onClick={() => setUpgradeOfficeSizeOpen(true)}>
+                Upgrade size
+              </Button>
+            </span>
           </Tooltip>
           <UpgradeOfficeSizeModal
             rerender={props.rerender}
@@ -455,9 +459,11 @@ export function IndustryOffice(props: IProps): React.ReactElement {
               <Tooltip
                 title={<Typography>Throw an office party to increase your employee's morale and happiness</Typography>}
               >
-                <Button disabled={corp.funds < 0} onClick={() => setThrowPartyOpen(true)}>
-                  Throw Party
-                </Button>
+                <span>
+                  <Button disabled={corp.funds < 0} onClick={() => setThrowPartyOpen(true)}>
+                    Throw Party
+                  </Button>
+                </span>
               </Tooltip>
               <ThrowPartyModal
                 rerender={props.rerender}
@@ -467,7 +473,6 @@ export function IndustryOffice(props: IProps): React.ReactElement {
               />
             </>
           )}
-
         </Box>
         <SwitchButton manualMode={employeeManualAssignMode} switchMode={setEmployeeManualAssignMode} />
       </Box>