coder
diff --git a/‎site/package.json
Lines changed: 1 addition & 1 deletion b/‎site/package.json
Lines changed: 1 addition & 1 deletion
diff --git a/‎site/src/components/WorkspacesPage/WorkspacesPage.tsx
Lines changed: 3 additions & 1 deletion b/‎site/src/components/WorkspacesPage/WorkspacesPage.tsx
Lines changed: 3 additions & 1 deletion
diff --git a/‎site/src/theme/constants.ts
Lines changed: 1 addition & 1 deletion b/‎site/src/theme/constants.ts
Lines changed: 1 addition & 1 deletion
diff --git a/‎site/src/theme/globalFonts.ts
Lines changed: 2 additions & 2 deletions b/‎site/src/theme/globalFonts.ts
Lines changed: 2 additions & 2 deletions
@@ -25,7 +25,7 @@
     "typegen": "xstate typegen 'src/**/*.ts'"
   },
   "dependencies": {
-    "@fontsource/fira-code": "4.5.9",
+    "@fontsource/ibm-plex-mono": "^4.5.9",
     "@fontsource/inter": "4.5.7",
     "@material-ui/core": "4.9.4",
     "@material-ui/icons": "4.5.1",
 
@@ -1,4 +1,5 @@
-import { makeStyles } from "@material-ui/core"
+import { Button } from "@material-ui/core"
+import { makeStyles } from "@material-ui/core/styles"
 import { useMachine } from "@xstate/react"
 import React from "react"
 import { Margins } from "../../components/Margins/Margins"
@@ -19,6 +20,7 @@ export const WorkspacesPage: React.FC = () => {
     <Stack spacing={4}>
       <Margins>
         <img className={styles.boxes} alt="boxes" src="/boxes.png" />
+        <Button>test</Button>
       </Margins>
     </Stack>
   )
 
@@ -2,7 +2,7 @@ export const spacing = 8
 export const borderRadius = 4
 export const buttonBorderWidth = 2
 export const MONOSPACE_FONT_FAMILY =
-  "'Fira Code', 'Lucida Console', 'Lucida Sans Typewriter', 'Liberation Mono', 'Monaco', 'Courier New', Courier, monospace"
+  "'IBM Plex Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Liberation Mono', 'Monaco', 'Courier New', Courier, monospace"
 export const BODY_FONT_FAMILY = `"Inter", sans-serif`
 export const lightButtonShadow = "0 2px 2px rgba(0, 23, 121, 0.08)"
 export const emptyBoxShadow = "none"
 
@@ -1,6 +1,6 @@
 // Monospace fonts used for code, button styles, and banners
-import "@fontsource/fira-code/400.css"
-import "@fontsource/fira-code/600.css"
+import "@fontsource/ibm-plex-mono/400.css"
+import "@fontsource/ibm-plex-mono/600.css"
 // Main body copy font
 import "@fontsource/inter/300.css"
 import "@fontsource/inter/400.css"