diff --git a/studio/components/to-be-cleaned/Docs/Param.js b/studio/components/to-be-cleaned/Docs/Param.js
index c78e6a18345..34f0f509eff 100644
--- a/studio/components/to-be-cleaned/Docs/Param.js
+++ b/studio/components/to-be-cleaned/Docs/Param.js
@@ -13,13 +13,13 @@ const Param = ({
   return (
     <>
       <div className="flex justify-between items-center mb-4 ">
-        <code className="px-4 inline-block">{name}</code>
+        <code className="px-2 inline-block">{name}</code>
         <Badge color={required ? 'amber' : 'scale'}>{required ? 'Required' : 'Optional'}</Badge>
       </div>
       {format && format != type && (
         <div className="mb-4 flex items-center gap-2">
           <label className="uppercase text-xs font-mono text-scale-900">Format:</label>
-          <code className="p-0">{format}</code>
+          <code className="px-2">{format}</code>
           {type}
         </div>
       )}
diff --git a/studio/tailwind.config.js b/studio/tailwind.config.js
index 443e4b1a190..c8ac146a756 100644
--- a/studio/tailwind.config.js
+++ b/studio/tailwind.config.js
@@ -77,6 +77,16 @@ module.exports = ui({
     }),
     extend: {
       typography: ({ theme }) => ({
+        DEFAULT: {
+          css: {
+            'code::before': {
+              content: '""',
+            },
+            'code::after': {
+              content: '""',
+            },
+          },
+        },
         docs: {
           css: {
             '--tw-prose-body': theme('colors.scale[1100]'),