Fix display for std markdown without a language

mhsabu · Jun 7, 2024 · 4274c11 · 4274c11
1 parent d56e6c4
commit 4274c11
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/web/src/app/chat/message/CodeBlock.tsx b/web/src/app/chat/message/CodeBlock.tsx
@@ -2,6 +2,8 @@ import React from "react";
 import { useState, ReactNode } from "react";
 import { FiCheck, FiCopy } from "react-icons/fi";
 
+const CODE_BLOCK_PADDING_TYPE = { padding: "1rem" };
+
 interface CodeBlockProps {
   className?: string | undefined;
   children?: ReactNode;
@@ -24,9 +26,11 @@ export function CodeBlock({
 
   if (!language) {
     return (
-      <code {...props} className={`text-sm ${className}`}>
-        {children}
-      </code>
+      <pre style={CODE_BLOCK_PADDING_TYPE}>
+        <code {...props} className={`text-sm ${className}`}>
+          {children}
+        </code>
+      </pre>
     );
   }