Reduce some space from source selection and target selection.
Inside the select control, make the server group label bold.
Only this review comment is remaining, I will try to add it with a resize window patch.
There is currently a search icon instead of a filter icon. On the button, change the cursor pointer to none.
Add a help button near the 'Filter' button.
The spinner and comparison status string should be bolded or larger.
The distance between the 'Generate Script' and 'Filter' buttons should be the same, it should not change on resizing of the browser. or open schema diff in a new tab.
The label (Identical: 20, Different: 10, etc.) should change based on the selection of the Filter. It shows all by default and does not change.
Overall font size in react data grid should be increased. The header should be in bold.
Two vertical scroll bars are visible. Remove if possible.
The components should be aligned properly after deselecting all the filters. Take a look at the existing behavior.
Check the resize behavior against the existing one. Try to make it the same.
In the DDL comparison panel, no DDL statement is displayed when the 'Identical' node is selected.
On selection, remove the border of the cell if we are showing the selected row in a different color. Also, remove the border from the header node selection.