From a75855d392c7a83e5742495ef187e72f4aa06b2d Mon Sep 17 00:00:00 2001
From: Anthony Pecchillo <anthonypecchillo@gmail.com>
Date: Fri, 23 Jun 2023 16:04:22 -0500
Subject: [PATCH] fix: hide scrollbar in LatestTransactions component

---
 .../LatestTransactions/LatestTransactions.tsx        |  1 +
 src/components/styles/global.module.css              | 12 ++++++++++++
 2 files changed, 13 insertions(+)

diff --git a/src/components/LatestTransactions/LatestTransactions.tsx b/src/components/LatestTransactions/LatestTransactions.tsx
index df6692f..6072a95 100644
--- a/src/components/LatestTransactions/LatestTransactions.tsx
+++ b/src/components/LatestTransactions/LatestTransactions.tsx
@@ -109,6 +109,7 @@ const LatestTransactions = ({
             rows={rows}
             rowKeyGetter={(row: TransactionRow) => row.hash}
             enableVirtualization={enableVirtualization}
+            className={`${styles[`data-grid`]}`}
             style={{
               width: '100%',
               height,
diff --git a/src/components/styles/global.module.css b/src/components/styles/global.module.css
index d75caba..7262d5f 100644
--- a/src/components/styles/global.module.css
+++ b/src/components/styles/global.module.css
@@ -395,3 +395,15 @@
   height: 600px;
   width: 100%;
 }
+
+.data-grid {
+  /* Hide scrollbar for Firefox */
+  scrollbar-width: none;
+  /* Hide scrollbar for IE and Edge */
+  -ms-overflow-style: none;
+}
+
+/* Hide scrollbar for Chrome, Safari and Opera */
+.data-grid::-webkit-scrollbar {
+  display: none;
+}