From 751cec613e66a23e8b0cfb1648fe7862ce824603 Mon Sep 17 00:00:00 2001
From: Max Bridgland <34947910+M4cs@users.noreply.github.com>
Date: Mon, 24 Jul 2023 13:27:27 -0400
Subject: [PATCH 1/3] Update globals.css

---
 app/globals.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/globals.css b/app/globals.css
index fd81e88..177f3e9 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -24,4 +24,10 @@ body {
       rgb(var(--background-end-rgb))
     )
     rgb(var(--background-start-rgb));
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+body::-webkit-scrollbar {
+  display: none;
 }

From 28a1cf3946060afd7d4064de176d20a960baf83a Mon Sep 17 00:00:00 2001
From: M4cs <me@maxbridgland.com>
Date: Mon, 24 Jul 2023 13:39:57 -0400
Subject: [PATCH 2/3] Hide scrollbars but keep scroll

---
 app/globals.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 177f3e9..5d14081 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -18,16 +18,16 @@
 
 body {
   color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
+  background: linear-gradient(to bottom,
       transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
+      rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));
+}
+
+div {
   -ms-overflow-style: none;
   scrollbar-width: none;
 }
 
-body::-webkit-scrollbar {
+div::-webkit-scrollbar {
   display: none;
-}
+}
\ No newline at end of file

From da4a439619bcbf25dd05bd08ce6e885e5b9f77d0 Mon Sep 17 00:00:00 2001
From: M4cs <me@maxbridgland.com>
Date: Mon, 24 Jul 2023 13:42:42 -0400
Subject: [PATCH 3/3] Change to target the Grid component instead

---
 app/InfiniteGrid.tsx | 2 ++
 app/globals.css      | 9 ---------
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/app/InfiniteGrid.tsx b/app/InfiniteGrid.tsx
index cc68ed2..691ddf0 100644
--- a/app/InfiniteGrid.tsx
+++ b/app/InfiniteGrid.tsx
@@ -15,6 +15,7 @@ import {
 import { setIsScrollingFast } from "./fetchEthscriptions";
 import { Cell } from "./Cell";
 import { useSearchParams } from "next/navigation";
+import styles from "./InfiniteGrid.module.css";
 
 export const GRID_SIZE = 201; // Maintain a fixed size
 export const SCROLL_THRESHOLD = 1; // 1000 pixels per second
@@ -217,6 +218,7 @@ const InfiniteGrid: React.FC = () => {
         onScroll={handleScroll}
         onItemsRendered={handleItemsRendered}
         itemData={{ originX, originY }}
+        className={styles.grid}
       >
         {Cell}
       </Grid>
diff --git a/app/globals.css b/app/globals.css
index 5d14081..497ae7f 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -22,12 +22,3 @@ body {
       transparent,
       rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));
 }
-
-div {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-
-div::-webkit-scrollbar {
-  display: none;
-}
\ No newline at end of file