From d2e6bd5e72b698d67d6f97d3140f9fbc967a212b Mon Sep 17 00:00:00 2001
From: Pulse Monitor <pulse@pulse-monitor.dev>
Date: Tue, 26 Aug 2025 19:42:51 +0000
Subject: [PATCH] fix: hide scrollbars on node tables

- Add scrollbar-width: none for Firefox
- Add -ms-overflow-style: none for IE/Edge
- Add ::-webkit-scrollbar { display: none } for Chrome/Safari
- Tables still scroll horizontally but without visible scrollbars
---
 frontend-modern/src/components/shared/PBSNodeTable.tsx | 5 ++++-
 frontend-modern/src/components/shared/PVENodeTable.tsx | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend-modern/src/components/shared/PBSNodeTable.tsx b/frontend-modern/src/components/shared/PBSNodeTable.tsx
index 9157218f0..0199f6929 100644
--- a/frontend-modern/src/components/shared/PBSNodeTable.tsx
+++ b/frontend-modern/src/components/shared/PBSNodeTable.tsx
@@ -85,7 +85,10 @@ export const PBSNodeTable: Component<PBSNodeTableProps> = (props) => {
 
   return (
     <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
-      <div class="overflow-x-auto" style="overflow-x: auto;">
+      <div class="overflow-x-auto" style="overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;">
+        <style>{`
+          .overflow-x-auto::-webkit-scrollbar { display: none; }
+        `}</style>
         <table class="w-full" style="min-width: 1000px;">
           <thead>
             <tr class="border-b border-gray-200 dark:border-gray-700">
diff --git a/frontend-modern/src/components/shared/PVENodeTable.tsx b/frontend-modern/src/components/shared/PVENodeTable.tsx
index 1b21d1ee3..3d1031a01 100644
--- a/frontend-modern/src/components/shared/PVENodeTable.tsx
+++ b/frontend-modern/src/components/shared/PVENodeTable.tsx
@@ -151,7 +151,10 @@ export const PVENodeTable: Component<PVENodeTableProps> = (props) => {
   return (
     <Show when={showTable()}>
       <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
-        <div class="overflow-x-auto" style="overflow-x: auto;">
+        <div class="overflow-x-auto" style="overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;">
+          <style>{`
+            .overflow-x-auto::-webkit-scrollbar { display: none; }
+          `}</style>
           <table class="w-full" style="min-width: 1000px;">
           <thead>
             <tr class="border-b border-gray-200 dark:border-gray-700">