diff --git a/src/app/components/code-dialog.tsx b/src/app/components/code-dialog.tsx
index b19cd86..bab827b 100644
--- a/src/app/components/code-dialog.tsx
+++ b/src/app/components/code-dialog.tsx
@@ -40,9 +40,10 @@ export function CodeDialog({ title, description, code, children }: CodeDialogPro
           wrapLongLines
           customStyle={{
             maxHeight: "600px",
-            backgroundColor: "var(--secondary)",
+            backgroundColor: "hsl(var(--popover))",
             overflow: "hidden",
             wordBreak: "break-all",
+            borderRadius: "0.75rem",
           }}
         >
           {code}