From 87f550780ea4c33149e82a11d278daadf0826d74 Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Wed, 12 Oct 2022 12:18:38 -0230
Subject: [PATCH] Address Firefox scroll

---
 studio/components/interfaces/Auth/Users/Users.tsx | 2 +-
 studio/styles/users-table.scss                    | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/studio/components/interfaces/Auth/Users/Users.tsx b/studio/components/interfaces/Auth/Users/Users.tsx
index 48fc8b5fb3c..68f439a4761 100644
--- a/studio/components/interfaces/Auth/Users/Users.tsx
+++ b/studio/components/interfaces/Auth/Users/Users.tsx
@@ -109,7 +109,7 @@ const Users = () => {
         </div>
       </div>
       <section className="users-table-container mt-4 overflow-visible px-6">
-        <div className="section-block--body relative overflow-scroll rounded">
+        <div className="section-block--body relative overflow-x-scroll rounded">
           <div className="inline-block min-w-full align-middle">
             <UsersList />
           </div>
diff --git a/studio/styles/users-table.scss b/studio/styles/users-table.scss
index c582fb0ff86..5bd24e6d6e5 100644
--- a/studio/styles/users-table.scss
+++ b/studio/styles/users-table.scss
@@ -1,4 +1,11 @@
 .users-table-container {
+  scrollbar-width: thin;
+  scrollbar-color: var(--colors-slate9) var(--colors-slate1);
+
+  .dark & {
+    scrollbar-color: var(--colors-slate10) var(--colors-slate3o);
+  }
+
   ::-webkit-scrollbar {
     background: var(--colors-slate2);
     height: 3px;