diff --git a/desktop/app/src/ui/components/Scrollable.tsx b/desktop/app/src/ui/components/Scrollable.tsx
index 3a0248b5c..74adbadd7 100644
--- a/desktop/app/src/ui/components/Scrollable.tsx
+++ b/desktop/app/src/ui/components/Scrollable.tsx
@@ -13,7 +13,7 @@ import {BackgroundProperty} from 'csstype';
 
 type Props = {children: React.ReactNode; background?: BackgroundProperty<any>};
 
-const Scrollable: React.FC<Props> = styled('div')<Props>(({background}) => ({
+const Scrollable = styled.div<Props>(({background}) => ({
   width: '100%',
   height: '100%',
   overflow: 'auto',
diff --git a/desktop/app/src/ui/components/elements-inspector/elements.tsx b/desktop/app/src/ui/components/elements-inspector/elements.tsx
index a37a4856f..5d0ab2cf0 100644
--- a/desktop/app/src/ui/components/elements-inspector/elements.tsx
+++ b/desktop/app/src/ui/components/elements-inspector/elements.tsx
@@ -702,11 +702,8 @@ export class Elements extends PureComponent<ElementsProps, ElementsState> {
 
   render() {
     return (
-      <Scrollable>
-        <ElementsContainer
-          onKeyDown={this.onKeyDown}
-          tabIndex={0}
-          ref={this._outerRef}>
+      <Scrollable ref={this._outerRef}>
+        <ElementsContainer onKeyDown={this.onKeyDown} tabIndex={0}>
           {this.state.flatElements.map(this.buildRow)}
         </ElementsContainer>
       </Scrollable>