From 8bf675450a553940992b444d597a7f7ddaedeed4 Mon Sep 17 00:00:00 2001
From: MacRimi <123239993+MacRimi@users.noreply.github.com>
Date: Tue, 18 Feb 2025 00:03:55 +0100
Subject: [PATCH] Update CopyableCode.tsx

---
 web/components/CopyableCode.tsx | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/web/components/CopyableCode.tsx b/web/components/CopyableCode.tsx
index 295767d..bfe6e21 100644
--- a/web/components/CopyableCode.tsx
+++ b/web/components/CopyableCode.tsx
@@ -26,16 +26,19 @@ const CopyableCode: React.FC<CopyableCodeProps> = ({ code, language, className }
 
   return (
     <div className={cn("relative w-full", className)}>
-      <pre
-        className={cn(
-          "bg-gray-100 p-2 sm:p-3 md:p-4 rounded-md overflow-x-auto",
-          "text-xs sm:text-sm md:text-base",
-          "max-w-full",
-          language ? `language-${language}` : "",
-        )}
-      >
-        <code className="whitespace-pre">{decodeURIComponent(code)}</code>
-      </pre>
+      <div className="w-full overflow-x-auto">
+        <pre
+          className={cn(
+            "w-full min-w-0 bg-gray-100 p-2 sm:p-3 md:p-4 rounded-md overflow-x-auto",
+            "text-xs sm:text-sm md:text-base",
+            "max-w-full",
+            language ? `language-${language}` : "",
+          )}
+        >
+          <code className="whitespace-pre">{decodeURIComponent(code)}</code>
+        </pre>
+      </div>
+
       <button
         onClick={copyToClipboard}
         className="absolute top-1 right-1 sm:top-2 sm:right-2 p-1 sm:p-2 bg-white rounded-md shadow-sm hover:bg-gray-100 transition-colors"