From 34e247926c21881342197ccd3314ac813bc1a8ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Thu, 26 Dec 2019 09:59:18 +0000
Subject: [PATCH] fix(ui): prevent overflow on long input

---
 ui/src/Components/NavBar/FilterInput/Constants.js             | 2 +-
 .../NavBar/FilterInput/__snapshots__/index.test.js.snap       | 4 ++--
 ui/src/Components/NavBar/FilterInput/index.js                 | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/src/Components/NavBar/FilterInput/Constants.js b/ui/src/Components/NavBar/FilterInput/Constants.js
index c00c52ba8..d17fc5103 100644
--- a/ui/src/Components/NavBar/FilterInput/Constants.js
+++ b/ui/src/Components/NavBar/FilterInput/Constants.js
@@ -1,5 +1,5 @@
 const AutosuggestTheme = {
-  container: "autosuggest d-inline-block",
+  container: "autosuggest d-inline-block mw-100",
   suggestionsContainer: "dropdown",
   suggestionsList: "dropdown-menu show shadow",
   suggestion: "dropdown-item cursor-pointer",
diff --git a/ui/src/Components/NavBar/FilterInput/__snapshots__/index.test.js.snap b/ui/src/Components/NavBar/FilterInput/__snapshots__/index.test.js.snap
index 6c4a5916c..047783663 100644
--- a/ui/src/Components/NavBar/FilterInput/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/NavBar/FilterInput/__snapshots__/index.test.js.snap
@@ -26,10 +26,10 @@ exports[`<FilterInput /> matches snapshot on default render 1`] = `
          aria-haspopup=\\"listbox\\"
          aria-owns=\\"react-autowhatever-1\\"
          aria-expanded=\\"false\\"
-         class=\\"autosuggest d-inline-block\\"
+         class=\\"autosuggest d-inline-block mw-100\\"
     >
       <input type=\\"text\\"
-             class=\\"components-filterinput-wrapper text-white\\"
+             class=\\"components-filterinput-wrapper text-white mw-100\\"
              placeholder
              size=\\"1\\"
              value
diff --git a/ui/src/Components/NavBar/FilterInput/index.js b/ui/src/Components/NavBar/FilterInput/index.js
index ad4148090..2e8ff878d 100644
--- a/ui/src/Components/NavBar/FilterInput/index.js
+++ b/ui/src/Components/NavBar/FilterInput/index.js
@@ -137,7 +137,7 @@ const FilterInput = onClickOutside(
         const { value } = inputProps;
         return (
           <input
-            className="components-filterinput-wrapper text-white"
+            className="components-filterinput-wrapper text-white mw-100"
             placeholder=""
             size={value.length + 1}
             {...inputProps}