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;