diff --git a/extension/fonts/JBMono-Bold.ttf b/extension/fonts/JBMono-Bold.ttf
new file mode 100644
index 0000000..75f6b6e
Binary files /dev/null and b/extension/fonts/JBMono-Bold.ttf differ
diff --git a/extension/fonts/JBMono-Regular.ttf b/extension/fonts/JBMono-Regular.ttf
new file mode 100644
index 0000000..7653ae0
Binary files /dev/null and b/extension/fonts/JBMono-Regular.ttf differ
diff --git a/extension/manifest.json b/extension/manifest.json
index 71641af..d00b5ff 100644
--- a/extension/manifest.json
+++ b/extension/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "CC Sidepanel",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Live window into a Claude Code seat, right in the browser sidebar.",
   "icons": {
     "16": "icons/icon16.png",
diff --git a/extension/sidepanel.html b/extension/sidepanel.html
index 120b3d1..a745f74 100644
--- a/extension/sidepanel.html
+++ b/extension/sidepanel.html
@@ -4,10 +4,22 @@
 <meta charset="utf-8">
 <title>CC Sidepanel</title>
 <style>
+  @font-face {
+    font-family: "JBMono";
+    src: url("fonts/JBMono-Regular.ttf") format("truetype");
+    font-weight: 400;
+    font-style: normal;
+  }
+  @font-face {
+    font-family: "JBMono";
+    src: url("fonts/JBMono-Bold.ttf") format("truetype");
+    font-weight: 700;
+    font-style: normal;
+  }
   :root { color-scheme: dark; }
   body {
     margin: 0; padding: 10px; background: #16141c; color: #eae6f5;
-    font: 13px/1.4 ui-monospace, "SF Mono", Menlo, monospace;
+    font: 13px/1.5 "JBMono", ui-monospace, "SF Mono", Menlo, monospace;
     display: flex; flex-direction: column; height: 100vh; box-sizing: border-box;
   }
   select, textarea, button {