Prevent overriding of CustomScrollbars className prop

1 files changed, 3 insertions, 1 deletions

diff --git a/gui/src/renderer/components/CustomScrollbars.tsx b/gui/src/renderer/components/CustomScrollbars.tsx
index 544dd58604..08e996c250 100644
--- a/gui/src/renderer/components/CustomScrollbars.tsx
+++ b/gui/src/renderer/components/CustomScrollbars.tsx
@@ -176,6 +176,7 @@ export default class CustomScrollbars extends React.Component<IProps, IState> {
       onScroll: _onScroll,
       fillContainer,
       children,
+      className,
       ...otherProps
     } = this.props;
     const showScrollbars = this.state.canScroll && this.state.showScrollIndicators;
@@ -185,9 +186,10 @@ export default class CustomScrollbars extends React.Component<IProps, IState> {
     const thumbWideClass = this.state.isWide ? ' custom-scrollbars__thumb--wide' : '';
     const trackClass =
       showScrollbars && this.state.showTrack ? ' custom-scrollbars__track--visible' : '';
+    const classNames = className ? `${className} custom-scrollbars` : 'custom-scrollbars';
 
     return (
-      <div {...otherProps} className="custom-scrollbars">
+      <div {...otherProps} className={classNames}>
         <div className={`custom-scrollbars__track ${trackClass}`} ref={this.trackRef} />
         <div
           className={`custom-scrollbars__thumb ${thumbWideClass} ${thumbActiveClass} ${thumbAnimationClass}`}