diff --git a/package.json b/package.json
index 97dacc3e4..4040bcd66 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "@peculiar/webcrypto": "^1.1.6",
     "@primer/octicons-react": "^12.1.0",
     "date-fns": "^2.19.0",
+    "github-syntax-light": "^0.5.0",
     "jsonwebtoken": "^8.5.1",
     "next": "^10.1.2",
     "next-plugin-preact": "^3.0.4",
diff --git a/styles/globals.css b/styles/globals.css
index be862c336..1f6bcc38e 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,3 +1,5 @@
+@import 'github-syntax-light/lib/github-light.css';
+
 a {
   @apply no-underline;
 }
diff --git a/yarn.lock b/yarn.lock
index c9196f812..04f916393 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1468,6 +1468,11 @@ get-orientation@1.1.2:
   dependencies:
     stream-parser "^0.3.1"
 
+github-syntax-light@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/github-syntax-light/-/github-syntax-light-0.5.0.tgz#17466fdd3c08d756ce3f016ed18a2a1343ce0729"
+  integrity sha1-F0Zv3TwI11bOPwFu0YoqE0POByk=
+
 glob-base@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/glob-base/-/glob-base-0.3.0.tgz#dbb164f6221b1c0b1ccf82aea328b497df0ea3c4"