diff --git a/ui/src/Components/NavBar/FilterInput/History.js b/ui/src/Components/NavBar/FilterInput/History.js
index eb2304f42..7977a2d30 100644
--- a/ui/src/Components/NavBar/FilterInput/History.js
+++ b/ui/src/Components/NavBar/FilterInput/History.js
@@ -236,7 +236,7 @@ const History = observer(
               <button
                 ref={ref}
                 onClick={this.collapse.toggle}
-                className="input-group-text rounded-right cursor-pointer components-navbar-history"
+                className="input-group-text rounded-right cursor-pointer components-navbar-history px-2"
                 type="button"
                 data-toggle="dropdown"
                 aria-haspopup="true"
diff --git a/ui/src/Components/NavBar/FilterInput/index.js b/ui/src/Components/NavBar/FilterInput/index.js
index f381e1b0c..50fcc7bdd 100644
--- a/ui/src/Components/NavBar/FilterInput/index.js
+++ b/ui/src/Components/NavBar/FilterInput/index.js
@@ -115,7 +115,7 @@ const FilterInput = observer(
       return (
         <div className="input-group mr-2">
           <div className="input-group-prepend">
-            <span className="input-group-text">
+            <span className="input-group-text px-2">
               <FontAwesomeIcon icon={faSearch} />
             </span>
           </div>