diff --git a/packages/nextjs/components/scaffold-eth/Contract/Tuple.tsx b/packages/nextjs/components/scaffold-eth/Contract/Tuple.tsx
index 6000d262..68b8d893 100644
--- a/packages/nextjs/components/scaffold-eth/Contract/Tuple.tsx
+++ b/packages/nextjs/components/scaffold-eth/Contract/Tuple.tsx
@@ -27,7 +27,7 @@ export const Tuple = ({ abiTupleParameter, setParentForm, parentStateObjectKey }
 
   return (
     <div>
-      <div className="collapse collapse-arrow pl-4 py-1.5 border-2 border-secondary">
+      <div className="collapse collapse-arrow pl-4 py-1.5 border-2 border-secondary overflow-x-auto">
         <input type="checkbox" className="min-h-fit peer" />
         <div className="collapse-title p-0 min-h-fit peer-checked:mb-2 text-secondary-content/70">
           <p className="m-0 p-0 text-[1rem]">{abiTupleParameter.internalType}</p>
diff --git a/packages/nextjs/components/scaffold-eth/Contract/TupleArray.tsx b/packages/nextjs/components/scaffold-eth/Contract/TupleArray.tsx
index 01f30322..a7fb53d6 100644
--- a/packages/nextjs/components/scaffold-eth/Contract/TupleArray.tsx
+++ b/packages/nextjs/components/scaffold-eth/Contract/TupleArray.tsx
@@ -97,7 +97,7 @@ export const TupleArray = ({ abiTupleParameter, setParentForm, parentStateObject
 
   return (
     <div>
-      <div className="collapse collapse-arrow pl-4 py-1.5 border-2 border-secondary">
+      <div className="collapse collapse-arrow pl-4 py-1.5 border-2 border-secondary overflow-x-auto">
         <input type="checkbox" className="min-h-fit peer" />
         <div className="collapse-title p-0 min-h-fit peer-checked:mb-1 text-secondary-content/70">
           <p className="m-0 text-[1rem]">{abiTupleParameter.internalType}</p>