diff --git a/src/extension/webviews/components/PrismContainer/PrismContainer.tsx b/src/extension/webviews/components/PrismContainer/PrismContainer.tsx
index ee0c6aef..1bad7b88 100644
--- a/src/extension/webviews/components/PrismContainer/PrismContainer.tsx
+++ b/src/extension/webviews/components/PrismContainer/PrismContainer.tsx
@@ -32,8 +32,9 @@ interface PrismContainerProps {
 }
 
 export const PrismContainer = styled.pre<PrismContainerProps>`
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
+  font-family: var(--vscode-editor-font-family);
+  font-size: var(--vscode-editor-font-size);
+
   color: ${props => (props.darkMode ? '#9cdcfe' : '#333388')};
 
   span.token.keyword {