removing some of the classes

src/ui/React/Augmentation.tsx

@@ -1,9 +1,17 @@
 import * as React from "react";
+import { Theme } from "@mui/material/styles";
+import makeStyles from "@mui/styles/makeStyles";
+import createStyles from "@mui/styles/createStyles";
+
+const useStyles = makeStyles((theme: Theme) =>
+  createStyles({
+    aug: {
+      color: theme.colors.combat,
+    },
+  }),
+);
 
 export function Augmentation({ name }: { name: string }): JSX.Element {
-  return (
-    <span className={"samefont"} style={{ color: "white" }}>
-      {name}
-    </span>
-  );
+  const classes = useStyles();
+  return <span className={classes.aug}>{name}</span>;
 }