Fixes: Loading indicator on search screen load

Fixes: Unscrollable dropdowns with large datasets

app/scenes/Search/Search.js

@@ -53,7 +53,10 @@ class Search extends React.Component<Props> {
 
   componentDidMount() {
     this.handleTermChange();
-    this.handleQueryChange();
+
+    if (this.props.location.search) {
+      this.handleQueryChange();
+    }
   }
 
   componentDidUpdate(prevProps) {

app/scenes/Search/components/FilterOptions.js

@@ -48,7 +48,6 @@ const FilterOptions = ({
 const Content = styled('div')`
   padding: 0 8px;
   width: 250px;
-  max-height: 50vh;
 
   p {
     margin-bottom: 0;
@@ -78,14 +77,20 @@ const SearchFilter = props => {
       leftAlign
     >
       {({ closePortal }) => (
-        <Content>
+        <MaxHeightScrollable>
-          <Scrollable>{props.children}</Scrollable>
+          <Content>{props.children}</Content>
-        </Content>
+        </MaxHeightScrollable>
       )}
     </DropdownMenu>
   );
 };
 
+const MaxHeightScrollable = styled(Scrollable)`
+  max-height: 50vh;
+  margin: -8px 0;
+  padding: 8px 0;
+`;
+
 const DropdownButton = styled(SearchFilter)`
   margin-right: 8px;
 `;