1 files changed, 13 insertions, 10 deletions

diff --git a/src/client/util/ScrollBox.tsx b/src/client/util/ScrollBox.tsx
index a209874a3..d4620ae3f 100644
--- a/src/client/util/ScrollBox.tsx
+++ b/src/client/util/ScrollBox.tsx
@@ -1,21 +1,24 @@
-import React = require("react");
+import React = require('react');
 
-export class ScrollBox extends React.Component {
+export class ScrollBox extends React.Component<React.PropsWithChildren<{}>> {
     onWheel = (e: React.WheelEvent) => {
-        if (e.currentTarget.scrollHeight > e.currentTarget.clientHeight) { // If the element has a scroll bar, then we don't want the containing collection to zoom
+        if (e.currentTarget.scrollHeight > e.currentTarget.clientHeight) {
+            // If the element has a scroll bar, then we don't want the containing collection to zoom
             e.stopPropagation();
         }
-    }
+    };
 
     render() {
         return (
-            <div style={{
-                overflow: "auto",
-                width: "100%",
-                height: "100%",
-            }} onWheel={this.onWheel}>
+            <div
+                style={{
+                    overflow: 'auto',
+                    width: '100%',
+                    height: '100%',
+                }}
+                onWheel={this.onWheel}>
                 {this.props.children}
             </div>
         );
     }
-}
\ No newline at end of file
+}