diff --git a/packages/jaeger-ui/src/components/TracePage/TracePageHeader/TracePageSearchBar.css b/packages/jaeger-ui/src/components/TracePage/TracePageHeader/TracePageSearchBar.css
index bdac0b9cb0..26b8f7fa82 100644
--- a/packages/jaeger-ui/src/components/TracePage/TracePageHeader/TracePageSearchBar.css
+++ b/packages/jaeger-ui/src/components/TracePage/TracePageHeader/TracePageSearchBar.css
@@ -43,3 +43,18 @@ limitations under the License.
 .TracePageSearchBar--locateBtn {
   padding: 1px 8px 4px;
 }
+.help-btn-container {
+  border: 1px solid gainsboro;
+  padding: 3px 7px;
+}
+.help-btn-container:hover {
+  border-top-color: rgb(23, 184, 190);
+  border-bottom-color: rgb(23, 184, 190);
+}
+.help-button {
+  border: 1px solid #999;
+  border-radius: 100px;
+  color: #999;
+  cursor: pointer;
+  padding: 1px;
+}
diff --git a/packages/jaeger-ui/src/components/TracePage/TracePageHeader/TracePageSearchBar.tsx b/packages/jaeger-ui/src/components/TracePage/TracePageHeader/TracePageSearchBar.tsx
index 513e0d199d..9c256792b3 100644
--- a/packages/jaeger-ui/src/components/TracePage/TracePageHeader/TracePageSearchBar.tsx
+++ b/packages/jaeger-ui/src/components/TracePage/TracePageHeader/TracePageSearchBar.tsx
@@ -17,11 +17,11 @@ import { Button, Input, Tooltip } from 'antd';
 import cx from 'classnames';
 import IoAndroidLocate from 'react-icons/lib/io/android-locate';
 
+import IoHelp from 'react-icons/lib/io/help';
 import * as markers from './TracePageSearchBar.markers';
 import { trackFilter } from '../index.track';
 import UiFindInput from '../../common/UiFindInput';
 import { TNil } from '../../../types';
-
 import './TracePageSearchBar.css';
 
 type TracePageSearchBarProps = {
@@ -80,55 +80,58 @@ export function TracePageSearchBarFn(props: TracePageSearchBarProps & { forwarde
 
   return (
     <div className="TracePageSearchBar">
-      <Tooltip
-        arrowPointAtCenter
-        mouseLeaveDelay={0.5}
-        placement="bottom"
-        overlayStyle={{ maxWidth: '600px' }} // This is a large tooltip and the default is too narrow.
-        title={renderTooltip()}
-      >
-        {/* style inline because compact overwrites the display */}
-        <Input.Group className="ub-justify-end" compact style={{ display: 'flex' }}>
-          <UiFindInput
-            inputProps={uiFindInputInputProps}
-            forwardedRef={forwardedRef}
-            trackFindFunction={trackFilter}
-          />
-          {navigable && (
-            <>
-              <Button
-                className={cx(btnClass, 'TracePageSearchBar--locateBtn')}
-                disabled={!textFilter}
-                htmlType="button"
-                onClick={focusUiFindMatches}
-              >
-                <IoAndroidLocate />
-              </Button>
-              <Button
-                className={btnClass}
-                disabled={!textFilter}
-                htmlType="button"
-                icon="up"
-                onClick={prevResult}
-              />
-              <Button
-                className={btnClass}
-                disabled={!textFilter}
-                htmlType="button"
-                icon="down"
-                onClick={nextResult}
-              />
-            </>
-          )}
-          <Button
-            className={btnClass}
-            disabled={!textFilter}
-            htmlType="button"
-            icon="close"
-            onClick={clearSearch}
-          />
-        </Input.Group>
-      </Tooltip>
+      {/* style inline because compact overwrites the display */}
+      <Input.Group className="ub-justify-end" compact style={{ display: 'flex' }}>
+        <UiFindInput
+          inputProps={uiFindInputInputProps}
+          forwardedRef={forwardedRef}
+          trackFindFunction={trackFilter}
+        />
+        <Tooltip
+          arrowPointAtCenter
+          placement="bottomLeft"
+          trigger="hover"
+          overlayStyle={{ maxWidth: '600px' }} // This is a large tooltip and the default is too narrow.
+          title={renderTooltip()}
+        >
+          <div className="help-btn-container">
+            <IoHelp className="help-button" />
+          </div>
+        </Tooltip>
+        {navigable && (
+          <>
+            <Button
+              className={cx(btnClass, 'TracePageSearchBar--locateBtn')}
+              disabled={!textFilter}
+              htmlType="button"
+              onClick={focusUiFindMatches}
+            >
+              <IoAndroidLocate />
+            </Button>
+            <Button
+              className={btnClass}
+              disabled={!textFilter}
+              htmlType="button"
+              icon="up"
+              onClick={prevResult}
+            />
+            <Button
+              className={btnClass}
+              disabled={!textFilter}
+              htmlType="button"
+              icon="down"
+              onClick={nextResult}
+            />
+          </>
+        )}
+        <Button
+          className={btnClass}
+          disabled={!textFilter}
+          htmlType="button"
+          icon="close"
+          onClick={clearSearch}
+        />
+      </Input.Group>
     </div>
   );
 }