/* Default: hide scrollbar */ .scrollable-tbody { max-height: 350px; overflow-y: auto; scrollbar-width: none; /* Firefox */ } .scrollable-tbody::-webkit-scrollbar { width: 0; /* Chrome, Safari */ } /* On hover: show scrollbar */ .scrollable-tbody:hover { scrollbar-width: thin; /* Firefox */ } .scrollable-tbody:hover::-webkit-scrollbar { width: 6px; /* Adjust width */ } .scrollable-tbody:hover::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 10px; } .scrollable-tbody:hover::-webkit-scrollbar-track { background: transparent; }