From cc652eea5b36cec4c025e557165351e14069f38c Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Mon, 8 Nov 2021 15:20:13 -0300
Subject: [PATCH] Fix width

---
 src/transaction/Trace.tsx      | 2 +-
 src/transaction/TraceInput.tsx | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/transaction/Trace.tsx b/src/transaction/Trace.tsx
index 7e9053c..5002391 100644
--- a/src/transaction/Trace.tsx
+++ b/src/transaction/Trace.tsx
@@ -44,7 +44,7 @@ const Trace: React.FC<TraceProps> = ({ txData, resolvedAddresses }) => {
                 resolvedAddresses={resolvedAddresses}
               />
             </div>
-            <div className="ml-5 space-y-3">
+            <div className="ml-5 space-y-3 self-stretch">
               {traces.map((t, i, a) => (
                 <TraceItem
                   key={i}
diff --git a/src/transaction/TraceInput.tsx b/src/transaction/TraceInput.tsx
index 06cdedf..3e6891a 100644
--- a/src/transaction/TraceInput.tsx
+++ b/src/transaction/TraceInput.tsx
@@ -38,7 +38,11 @@ const TraceInput: React.FC<TraceInputProps> = ({
   const [expanded, setExpanded] = useState<boolean>(false);
 
   return (
-    <div className="ml-5 border hover:border-gray-500 rounded px-1 py-0.5">
+    <div
+      className={`ml-5 border hover:border-gray-500 rounded px-1 py-0.5 ${
+        expanded ? "w-full" : ""
+      }`}
+    >
       <div className="flex items-baseline">
         <span className="text-xs text-gray-400 lowercase">{t.type}</span>
         <span>