buttons should have typograaphy as child

src/Augmentation/ui/AugmentationsRoot.tsx

@@ -70,13 +70,11 @@ export function AugmentationsRoot(props: IProps): React.ReactElement {
       </Typography>
       <Box mx={2}>
         <Tooltip title={"'I never asked for this'"}>
-          <Button onClick={props.installAugmentationsFn}>
+          <Button onClick={props.installAugmentationsFn}>Install Augmentations</Button>
-            <Typography>Install Augmentations</Typography>
-          </Button>
         </Tooltip>
         <Tooltip title={"It's always a good idea to backup/export your save!"}>
-          <Button sx={{ mx: 2 }} onClick={doExport}>
+          <Button sx={{ mx: 2 }} onClick={doExport} color="error">
-            <Typography color="error">Backup Save {exportBonusStr()}</Typography>
+            Backup Save {exportBonusStr()}
           </Button>
         </Tooltip>
         <PurchasedAugmentations />

src/Hacknet/ui/PurchaseButton.tsx

@@ -41,9 +41,5 @@ export function PurchaseButton(props: IProps): React.ReactElement {
     );
   }
 
-  return (
+  return <Button onClick={props.onClick}>{text}</Button>;
-    <Button onClick={props.onClick}>
-      <Typography>{text}</Typography>
-    </Button>
-  );
 }

src/ui/ActiveScripts/WorkerScriptAccordion.tsx

@@ -154,9 +154,7 @@ export function WorkerScriptAccordion(props: IProps): React.ReactElement {
             </TableBody>
           </Table>
 
-          <Button onClick={logClickHandler}>
+          <Button onClick={logClickHandler}>LOG</Button>
-            <Typography>LOG</Typography>
-          </Button>
           <IconButton onClick={killScriptClickHandler}>
             <DeleteIcon color="error" />
           </IconButton>