removing some of the classes

src/Locations/ui/CompanyLocation.tsx

@@ -21,7 +21,6 @@ import * as posNames from "../../Company/data/companypositionnames";
 
 import { Reputation } from "../../ui/React/Reputation";
 import { Favor } from "../../ui/React/Favor";
-import { createPopup } from "../../ui/React/createPopup";
 import { use } from "../../ui/Context";
 import { QuitJobModal } from "../../Company/ui/QuitJobModal";
 
@@ -184,21 +183,23 @@ export function CompanyLocation(props: IProps): React.ReactElement {
   const favorGain = company.getFavorGain();
 
   return (
-    <div>
+    <>
       {isEmployedHere && (
-        <div>
+        <>
           <Typography>Job Title: {jobTitle}</Typography>
           <Typography>-------------------------</Typography>
           <Box display="flex">
             <Tooltip
               title={
                 <>
-                  You will have {Favor(company.favor + favorGain[0])} company favor upon resetting after installing
-                  Augmentations
+                  You will have <Favor favor={company.favor + favorGain[0]} /> company favor upon resetting after
+                  installing Augmentations
                 </>
               }
             >
-              <Typography>Company reputation: {Reputation(company.playerReputation)}</Typography>
+              <Typography>
+                Company reputation: <Reputation reputation={company.playerReputation} />
+              </Typography>
             </Tooltip>
           </Box>
           <Typography>-------------------------</Typography>
@@ -212,7 +213,9 @@ export function CompanyLocation(props: IProps): React.ReactElement {
                 </>
               }
             >
-              <Typography>Company Favor: {Favor(company.favor)}</Typography>
+              <Typography>
+                Company Favor: <Favor favor={company.favor} />
+              </Typography>
             </Tooltip>
           </Box>
           <Typography>-------------------------</Typography>
@@ -227,8 +230,9 @@ export function CompanyLocation(props: IProps): React.ReactElement {
             open={quitOpen}
             onClose={() => setQuitOpen(false)}
           />
-        </div>
+        </>
       )}
+      <br />
       {company.hasAgentPositions() && (
         <ApplyToJobButton
           company={company}
@@ -318,6 +322,6 @@ export function CompanyLocation(props: IProps): React.ReactElement {
         />
       )}
       {location.infiltrationData != null && <Button onClick={startInfiltration}>Infiltrate Company</Button>}
-    </div>
+    </>
   );
 }

src/Locations/ui/SlumsLocation.tsx

@@ -113,7 +113,7 @@ export function SlumsLocation(): React.ReactElement {
   const heistChance = Crimes.Heist.successRate(player);
 
   return (
-    <div>
+    <>
       <Tooltip title={<>Attempt to shoplift from a low-end retailer</>}>
         <Button onClick={shoplift}>
           Shoplift ({numeralWrapper.formatPercentage(shopliftChance)} chance of success)
@@ -180,6 +180,6 @@ export function SlumsLocation(): React.ReactElement {
         <Button onClick={heist}>Heist ({numeralWrapper.formatPercentage(heistChance)} chance of success)</Button>
       </Tooltip>
       <br />
-    </div>
+    </>
   );
 }

src/Locations/ui/TechVendorLocation.tsx

@@ -67,7 +67,7 @@ export function TechVendorLocation(props: IProps): React.ReactElement {
   }
 
   return (
-    <div>
+    <>
       {purchaseServerButtons}
       <br />
       <Typography>
@@ -79,6 +79,6 @@ export function TechVendorLocation(props: IProps): React.ReactElement {
       <RamButton p={player} rerender={rerender} />
       <br />
       <CoresButton p={player} rerender={rerender} />
-    </div>
+    </>
   );
 }

src/Locations/ui/TravelAgencyRoot.tsx

@@ -76,7 +76,7 @@ export function TravelAgencyRoot(props: IProps): React.ReactElement {
           <Money money={CONSTANTS.TravelCost} player={props.p} />.
         </Typography>
         {Settings.DisableASCIIArt ? (
-          <div>
+          <>
             {Object.values(CityName)
               .filter((city: string) => city != props.p.city)
               .map((city: string) => {
@@ -91,7 +91,7 @@ export function TravelAgencyRoot(props: IProps): React.ReactElement {
                   </React.Fragment>
                 );
               })}
-          </div>
+          </>
         ) : (
           <WorldMap currentCity={props.p.city} onTravel={(city: CityName) => startTravel(city)} />
         )}