diff --git a/ui/src/Components/NavBar/FilterInput/History.js b/ui/src/Components/NavBar/FilterInput/History.js
index fe6ee961a..817b79ba9 100644
--- a/ui/src/Components/NavBar/FilterInput/History.js
+++ b/ui/src/Components/NavBar/FilterInput/History.js
@@ -166,7 +166,7 @@ const History = observer(
               <button
                 ref={ref}
                 onClick={this.collapse.toggle}
-                className="btn btn-light dropdown-toggle rounded-right components-navbar-history"
+                className="input-group-text rounded-right cursor-pointer dropdown-toggle components-navbar-history"
                 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 191c7a878..80ed9da6e 100644
--- a/ui/src/Components/NavBar/FilterInput/index.js
+++ b/ui/src/Components/NavBar/FilterInput/index.js
@@ -100,7 +100,7 @@ const FilterInput = observer(
       var { inputReference, alertStore, ...otherProps } = inputProps;
 
       return (
-        <div className="input-group input-group-sm">
+        <div className="input-group input-group-sm mr-2">
           <div className="input-group-prepend">
             <span className="input-group-text">
               <FontAwesomeIcon icon={faSearch} />