diff --git a/src/components/ColumnPicker/ColumnPickerContent.tsx b/src/components/ColumnPicker/ColumnPickerContent.tsx
index bef6aa779..bffe1bc82 100644
--- a/src/components/ColumnPicker/ColumnPickerContent.tsx
+++ b/src/components/ColumnPicker/ColumnPickerContent.tsx
@@ -87,10 +87,11 @@ const ColumnPickerContent: React.FC<ColumnPickerContentProps> = props => {
   const anchor = React.useRef<HTMLDivElement>();
   const scrollPosition = useElementScroll(anchor);
 
-  const dropShadow = anchor.current
-    ? scrollPosition.y + anchor.current.clientHeight <
-      anchor.current.scrollHeight
-    : false;
+  const dropShadow =
+    anchor.current && scrollPosition
+      ? scrollPosition.y + anchor.current.clientHeight <
+        anchor.current.scrollHeight
+      : false;
 
   return (
     <Card className={classes.root}>