From 67a9da5a30407a1d7c7cd1255ecfa3c6c52d6cde Mon Sep 17 00:00:00 2001
From: Quentin Gliech <quentingliech@gmail.com>
Date: Sun, 29 Mar 2026 23:21:47 +0200
Subject: [PATCH] fix(web): reset highlight.js padding on code viewer

the imported github.css theme sets padding on .hljs which caused
misalignment between line numbers and code content

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 webui2/src/components/code/FileViewer.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/webui2/src/components/code/FileViewer.tsx b/webui2/src/components/code/FileViewer.tsx
index 122ca26653944a3f5a6af5b6d2b6dbf49daca3ee..4e5c23294382ff8914bd16b8d7183aa964d48a4b 100644
--- a/webui2/src/components/code/FileViewer.tsx
+++ b/webui2/src/components/code/FileViewer.tsx
@@ -91,7 +91,10 @@ export function FileViewer({ blob, loading = false }: FileViewerProps) {
             ))}
           </div>
           <pre className="flex-1 overflow-visible px-4 py-4">
-            <code className="hljs" dangerouslySetInnerHTML={{ __html: html }} />
+            <code
+              className="hljs !bg-transparent !p-0"
+              dangerouslySetInnerHTML={{ __html: html }}
+            />
           </pre>
         </div>
       )}