diff --git a/src/plugins/navigation/components/ScrollableFlexColumn.js b/src/plugins/navigation/components/ScrollableFlexColumn.js
new file mode 100644
index 000000000..6db3dfd52
--- /dev/null
+++ b/src/plugins/navigation/components/ScrollableFlexColumn.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright 2018-present Facebook.
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * @format
+ * @flow strict-local
+ */
+
+import {FlexColumn, styled} from 'flipper';
+
+export default styled(FlexColumn)({
+  height: '100%',
+});
diff --git a/src/plugins/navigation/components/index.js b/src/plugins/navigation/components/index.js
index 907d8c41e..cd31576e9 100644
--- a/src/plugins/navigation/components/index.js
+++ b/src/plugins/navigation/components/index.js
@@ -8,4 +8,5 @@
 
 export {default as IconButton} from './IconButton';
 export {default as NavigationInfoBox} from './NavigationInfoBox';
+export {default as ScrollableFlexColumn} from './ScrollableFlexColumn';
 export {default as SearchBar} from './SearchBar';
diff --git a/src/plugins/navigation/index.js b/src/plugins/navigation/index.js
index 13f9d0229..f3cee844c 100644
--- a/src/plugins/navigation/index.js
+++ b/src/plugins/navigation/index.js
@@ -6,8 +6,8 @@
  * @flow strict-local
  */
 
-import {FlipperPlugin, FlexColumn} from 'flipper';
-import {SearchBar} from './components';
+import {FlipperPlugin} from 'flipper';
+import {SearchBar, ScrollableFlexColumn} from './components';
 
 type State = {||};
 
@@ -70,12 +70,12 @@ export default class extends FlipperPlugin<State, {}, PersistedState> {
 
   render() {
     return (
-      <FlexColumn>
+      <ScrollableFlexColumn>
         <SearchBar
           onNavigate={this.navigateTo}
           onFavorite={(query: string) => {}}
         />
-      </FlexColumn>
+      </ScrollableFlexColumn>
     );
   }
 }