diff --git a/webview-ui/src/components/common/BisectBanner.svelte b/webview-ui/src/components/common/BisectBanner.svelte
index 0b81fda..ae8a911 100644
--- a/webview-ui/src/components/common/BisectBanner.svelte
+++ b/webview-ui/src/components/common/BisectBanner.svelte
@@ -181,7 +181,7 @@
   }
 
   .bisect-hash {
-    font-family: monospace;
+    font-family: var(--vscode-editor-font-family, monospace);
     font-weight: 600;
     color: var(--text-primary);
   }
diff --git a/webview-ui/src/components/common/Modal.svelte b/webview-ui/src/components/common/Modal.svelte
index f894781..15f5206 100644
--- a/webview-ui/src/components/common/Modal.svelte
+++ b/webview-ui/src/components/common/Modal.svelte
@@ -402,7 +402,7 @@
   }
 
   :global(.modal-hash) {
-    font-family: monospace;
+    font-family: var(--vscode-editor-font-family, monospace);
     color: var(--text-secondary);
   }
 
diff --git a/webview-ui/src/components/graph/CommitGraph.svelte b/webview-ui/src/components/graph/CommitGraph.svelte
index 7bd0278..e8828b0 100644
--- a/webview-ui/src/components/graph/CommitGraph.svelte
+++ b/webview-ui/src/components/graph/CommitGraph.svelte
@@ -1992,7 +1992,7 @@
   }
 
   .bisect-indicator-hash {
-    font-family: monospace;
+    font-family: var(--vscode-editor-font-family, monospace);
     color: #f44336;
   }