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>