From 1a78f609043b087c74ceaf2b5939b2aae3744a12 Mon Sep 17 00:00:00 2001
From: karthik mv <karthik.murakonda14@gmail.com>
Date: Fri, 8 Dec 2023 00:10:23 +0530
Subject: [PATCH] fix: single backtick rendering as a codeblock in casestudies
 (#2208)

Co-authored-by: Akshat Nema <76521428+akshatnema@users.noreply.github.com>%0ACo-authored-by: Lukasz Gornicki <lpgornicki@gmail.com>
---
 components/MDX.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/MDX.js b/components/MDX.js
index 168e6c8dfb75..9f6182efb4c3 100644
--- a/components/MDX.js
+++ b/components/MDX.js
@@ -60,9 +60,8 @@ export function getMDXComponents() {
     th: props => <th {...props} className={`${props.className || ''} px-6 py-3 border-b border-gray-200 bg-gray-100 text-left text-xs leading-4 font-medium font-body text-gray-900 uppercase tracking-wider`} />,
     tr: props => <tr {...props} className={`${props.className || ''} bg-white`} />,
     td: props => <td {...props} className={`${props.className || ''} px-6 py-4 border-b border-gray-200 text-sm leading-5 text-gray-700 tracking-tight`} />,
-    pre: props => <div {...props} className={`${props.className || ''} my-8`} />,
-    inlineCode: props => <code {...props} className={`${props.className || ''} px-1 py-0.5 bg-gray-200 text-gray-800 rounded font-mono text-sm`} />,
-    code: CodeComponent,
+    pre: props => CodeComponent(props.children.props),
+    code:  props => <code {...props} className={`${props.className || ''} px-1 py-0.5 bg-gray-200 text-gray-800 rounded font-mono text-sm`} />,
     hr: props => <hr {...props} className={`${props.className || ''} my-8`} />,
     CodeBlock,
     ChapterSuggestions,