diff --git a/explorer/src/components/Universal-DataGrid.tsx b/explorer/src/components/Universal-DataGrid.tsx index 7564ebd436..522786f39e 100644 --- a/explorer/src/components/Universal-DataGrid.tsx +++ b/explorer/src/components/Universal-DataGrid.tsx @@ -70,6 +70,23 @@ export const UniversalDataGrid: React.FC = ({ rows, columns, load width: '100%', border: 'none', }} + sx={{ + '*::-webkit-scrollbar': { + width: 'auto', + }, + '*::-webkit-scrollbar-track': { + background: 'rgba(198, 199, 204, 1)', + boxShadow: 'auto', + borderRadius: 'auto', + }, + '*::-webkit-scrollbar-thumb': { + backgroundColor: 'rgba(99,99, 102, 1)', + borderRadius: '20px', + width: '.4em', + border: '3px solid rgba(198, 199, 204, 1)', + shadow: 'auto', + }, + }} /> ); return null;