From ef7d4ea4875d6410cce923ea6776f913281734a5 Mon Sep 17 00:00:00 2001
From: Michel Weststrate <mweststrate@fb.com>
Date: Fri, 30 Oct 2020 04:20:00 -0700
Subject: [PATCH] Fix shrink issue in search box

Summary: See test plan, if there is little space, 'tags' tended to overflow the search box. After this change the searchbox will grow were needed.

Reviewed By: cekkaewnumchai

Differential Revision: D24563826

fbshipit-source-id: 616173db7c080561ff51a76ab0e8938c58f87820
---
 .../__tests__/__snapshots__/PluginInstaller.node.tsx.snap     | 4 ++--
 desktop/app/src/ui/components/searchable/Searchable.tsx       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/desktop/app/src/chrome/plugin-manager/__tests__/__snapshots__/PluginInstaller.node.tsx.snap b/desktop/app/src/chrome/plugin-manager/__tests__/__snapshots__/PluginInstaller.node.tsx.snap
index 36cefb7c8..bf5bcdbe6 100644
--- a/desktop/app/src/chrome/plugin-manager/__tests__/__snapshots__/PluginInstaller.node.tsx.snap
+++ b/desktop/app/src/chrome/plugin-manager/__tests__/__snapshots__/PluginInstaller.node.tsx.snap
@@ -9,7 +9,7 @@ exports[`load PluginInstaller list 1`] = `
       class="css-1qqef1i-View-FlexBox-FlexRow-ToolbarContainer e13mj6h80"
     >
       <div
-        class="css-1dulget-View-FlexBox-SearchBox e271nro1"
+        class="css-bl14sl-View-FlexBox-SearchBox e271nro1"
       >
         <input
           class="css-184o3nx-Input-SearchInput e271nro2"
@@ -304,7 +304,7 @@ exports[`load PluginInstaller list with one plugin installed 1`] = `
       class="css-1qqef1i-View-FlexBox-FlexRow-ToolbarContainer e13mj6h80"
     >
       <div
-        class="css-1dulget-View-FlexBox-SearchBox e271nro1"
+        class="css-bl14sl-View-FlexBox-SearchBox e271nro1"
       >
         <input
           class="css-184o3nx-Input-SearchInput e271nro2"
diff --git a/desktop/app/src/ui/components/searchable/Searchable.tsx b/desktop/app/src/ui/components/searchable/Searchable.tsx
index b5ccfece9..8fc7aa07b 100644
--- a/desktop/app/src/ui/components/searchable/Searchable.tsx
+++ b/desktop/app/src/ui/components/searchable/Searchable.tsx
@@ -32,7 +32,7 @@ SearchBar.displayName = 'Searchable:SearchBar';
 export const SearchBox = styled(FlexBox)<{isInvalidInput?: boolean}>(
   (props) => {
     return {
-      flex: `1 0 0`,
+      flex: `1 0 auto`,
       minWidth: 150,
       height: 30,
       backgroundColor: colors.white,