Thanks for the report.

Bisected to this commit, which has not made it to M58 yet, so we do not need to merge:
https://chromium.googlesource.com/chromium/src/+/a90dba1f2dd094e51229dd2e5e059c6b53cee93a

To fix the layout, we can get rid of <table> and use flexbox to stretch, as shown in the images

Deleted: findBar1.png 18.4 KB

	findBar1.png 18.4 KB View Download

Deleted: findBar2.png 23.3 KB

	findBar2.png 23.3 KB View Download

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/336d5878c4c612627f0a8333f71b50a04b7091d1

commit 336d5878c4c612627f0a8333f71b50a04b7091d1
Author: luoe <luoe@chromium.org>
Date: Tue Mar 07 22:13:48 2017

DevTools: fix stretch layout in search/replace bar

SearchableView used to build the find and replace UI using <table>. A table
inside a flex container produced the strange behavior in the bug.

This CL fixes the visual bug, removes the table elements, and changes the layout
of the find/replace text inputs to stretch as much as possible.

BUG= 698830 

Review-Url: https://codereview.chromium.org/2734043002
Cr-Commit-Position: refs/heads/master@{#455244}

[modify] https://crrev.com/336d5878c4c612627f0a8333f71b50a04b7091d1/third_party/WebKit/Source/devtools/front_end/ui/SearchableView.js
[modify] https://crrev.com/336d5878c4c612627f0a8333f71b50a04b7091d1/third_party/WebKit/Source/devtools/front_end/ui/searchableView.css

Verified the issue on Ubuntu 14.04 using chrome dev version #59.0.3043.0 as per comment #0.

Observed that "cancel" button is present and completely on without any cut.

Attaching screenshot for reference.

Hence, adding the verified labels.

Thanks...!!

Deleted: find_in@698830.jpg 268 KB

	find_in@698830.jpg 268 KB View Download