From 0228a6b6aeced9a08b2b09e009d41f1a0eabd473 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Mon, 25 Oct 2021 14:49:17 -0300
Subject: [PATCH] Fix overflow

---
 src/address/DecodedABI.tsx      | 2 +-
 src/address/DecodedFragment.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/address/DecodedABI.tsx b/src/address/DecodedABI.tsx
index 587538a..83faabc 100644
--- a/src/address/DecodedABI.tsx
+++ b/src/address/DecodedABI.tsx
@@ -9,7 +9,7 @@ type DecodedABIProps = {
 const DecodedABI: React.FC<DecodedABIProps> = ({ abi }) => {
   const intf = new Interface(abi);
   return (
-    <div className="border">
+    <div className="border overflow-x-auto">
       {intf.fragments.map((f, i) => (
         <DecodedFragment key={i} intf={intf} fragment={f} />
       ))}
diff --git a/src/address/DecodedFragment.tsx b/src/address/DecodedFragment.tsx
index 211d67c..ac06a16 100644
--- a/src/address/DecodedFragment.tsx
+++ b/src/address/DecodedFragment.tsx
@@ -43,7 +43,7 @@ const DecodedFragment: React.FC<DecodedFragmentProps> = ({
   }
 
   return (
-    <div className="flex items-baseline space-x-2 px-2 py-1 hover:bg-gray-100">
+    <div className="flex flex-wrap items-baseline space-x-2 px-2 py-1 hover:bg-gray-100">
       <span className="text-gray-500">
         <FontAwesomeIcon icon={faCaretRight} size="1x" />
       </span>