diff --git a/src/eventButton.js b/src/eventButton.js
index 6588ea2..4490792 100644
--- a/src/eventButton.js
+++ b/src/eventButton.js
@@ -40,7 +40,7 @@ const EventButton = (obj) => {
   return (
     <a href={obj.transactionUrl} className="row">
       <img alt="" src="livepeer.png" width="30" height="30" />
-      {eventSpecificInfo}
+      {obj.idx}: {eventSpecificInfo}
     </a>
   )
 }
diff --git a/src/eventViewer.js b/src/eventViewer.js
index 5936bf5..c0116f2 100644
--- a/src/eventViewer.js
+++ b/src/eventViewer.js
@@ -3,19 +3,32 @@ import EventButton from "./eventButton";
 import ScrollContainer from 'react-indiana-drag-scroll';
 
 const EventViewer = (obj) => {
+  let txCounter = 0;
+  let currentTx = "";
   return (
     <div className="stroke roundedOpaque" style={{ padding: 0, margin: 0, marginTop: '2em', position: 'absolute', bottom: 0, top: '200px', left: '0px', right: '0px', overflowY: 'auto', overflowX: 'hidden', width: '100%' }}>
-      {obj.events.map((eventObj, idx) => {
-        // TODO: make something that groups shit as long as the eventObj.transactionUrl is the same
-        return <EventButton
-          key={eventObj.transactionUrl + idx}
-          transactionUrl={eventObj.transactionUrl}
-          transactionHash={eventObj.transactionHash}
-          name={eventObj.name}
-          data={eventObj.data}
-          address={eventObj.address}
-        />
-      })}
+        <div className="content-wrapper">
+          <ScrollContainer className="overflow-container" hideScrollbars={false}>
+            <div className="overflow-content" style={{ cursor: 'grab' }}>
+              {obj.events.map((eventObj, idx) => {
+                if(currentTx != eventObj.transactionHash){
+                  txCounter++;
+                  currentTx = eventObj.transactionHash;
+                }
+                // TODO: make something that groups shit as long as the eventObj.transactionUrl is the same
+                return <EventButton
+                  key={eventObj.transactionUrl + idx}
+                  transactionUrl={eventObj.transactionUrl}
+                  transactionHash={eventObj.transactionHash}
+                  name={eventObj.name}
+                  data={eventObj.data}
+                  address={eventObj.address}
+                  idx={txCounter}
+                />
+              })}
+            </div>
+          </ScrollContainer>
+        </div>
     </div>
   )
 }