diff --git a/src/components/ui/code-highlighter/shiki/Shiki.tsx b/src/components/ui/code-highlighter/shiki/Shiki.tsx
index 71bb87bd17..98d6f3d4af 100644
--- a/src/components/ui/code-highlighter/shiki/Shiki.tsx
+++ b/src/components/ui/code-highlighter/shiki/Shiki.tsx
@@ -164,7 +164,7 @@ export const ShikiHighLighter: FC<Props> = (props) => {
           >
             {renderedHtml ? undefined : (
               <pre className="bg-transparent">
-                <code>{value}</code>
+                <code className="px-4">{value}</code>
               </pre>
             )}
           </div>