diff --git a/src/components/CodeBlockWithCopy/CodeBlockWithCopy.jsx b/src/components/CodeBlockWithCopy/CodeBlockWithCopy.jsx
index da0ddeb1695a..165e85bae5e7 100644
--- a/src/components/CodeBlockWithCopy/CodeBlockWithCopy.jsx
+++ b/src/components/CodeBlockWithCopy/CodeBlockWithCopy.jsx
@@ -140,7 +140,12 @@ export default function CodeBlockWithCopy({ children }) {
             : "Copy"}
       </button>
 
-      <pre ref={preRef}>{children}</pre>
+      <pre
+  ref={preRef}
+  className="overflow-x-auto rounded-lg p-4"
+>
+  {children}
+</pre>
     </div>
   );
 }