diff --git a/packages/react/src/App.tsx b/packages/react/src/App.tsx
index d51d90d..9884e3b 100644
--- a/packages/react/src/App.tsx
+++ b/packages/react/src/App.tsx
@@ -17,6 +17,12 @@ import ComponentsButton from "./docs/components/Button.mdx";
 
 const overrideComponents = {
   pre: (props: any) => <pre {...props} className={`${props.className} hljs`} />,
+  code: (props: any) => (
+    <code
+      {...props}
+      className={`${props.className} rounded-md bg-neutral-800 text-orange-500 font-light p-1`}
+    />
+  ),
 };
 
 const router = createBrowserRouter(