Change:
Using the Amethyst theme the label of the "Sync Changes" button is not vertically aligned: <img width="626" alt="image" src="https://user-"//cc
That‘s not an issue for me. The main issue for the "Sync Changes" button is that, it allways shows. It should be hidden when there is no changes to sync. !
that is unrelated to the problem that this issue is tracking. Also the problem that you are describing has already been fixed in the latest Insiders release, and it will be included in the next Stable release.
I think this is the same border issue except in the button we cap the height to so it forces everything to be shifted down by 1-2px: <img width="294" alt="CleanShot 2022-07-21 at 08 43 45 src="https://user-"If you remove the height then it looks better: <img width="234" alt="CleanShot 2022-07-21 at 08 46 01 src="https://user-"
thanks for looking into this. your analysis aligns with my findings. I will try to get a fix for this in next week.

Discussion:
.scm-view .button-container > .monaco-description-button { flex-direction: row; flex-wrap: wrap; <del> height: 30px; </del> padding: 0 4px; overflow: hidden; }

import { ContextMenuController } from 'vs/editor/contrib/contextmenu/browser/contextmenu'; import * as platform from 'vs/base/common/platform'; import { compare, format } from 'vs/base/common/strings'; <del> import { inputPlaceholderForeground, inputValidationInfoBorder, inputValidationWarningBorder, inputValidationErrorBorder, inputValidationInfoBackground, inputValidationInfoForeground, inputValidationWarningBackground, inputValidationWarningForeground, inputValidationErrorBackground, inputValidationErrorForeground, inputBackground, inputForeground, inputBorder, focusBorder, registerColor, contrastBorder, editorSelectionBackground, selectionBackground, textLinkActiveForeground, textLinkForeground } from 'vs/platform/theme/common/colorRegistry'; </del> <ins> import { inputPlaceholderForeground, inputValidationInfoBorder, inputValidationWarningBorder, inputValidationErrorBorder, inputValidationInfoBackground, inputValidationInfoForeground, inputValidationWarningBackground, inputValidationWarningForeground, inputValidationErrorBackground, inputValidationErrorForeground, inputBackground, inputForeground, inputBorder, focusBorder, registerColor, contrastBorder, editorSelectionBackground, selectionBackground, textLinkActiveForeground, textLinkForeground, buttonBorder } from 'vs/platform/theme/common/colorRegistry'; </ins> import { SuggestController } from 'vs/editor/contrib/suggest/browser/suggestController'; import { SnippetController2 } from 'vs/editor/contrib/snippet/browser/snippetController2'; import { Schemas } from 'vs/base/common/network';

collector.addRule(`.monaco-workbench .part.panel .scm-view .scm-editor-container { outline: 1px solid ${panelInputBorder}; }`); } <ins> const buttonBorderColor = theme.getColor(buttonBorder); collector.addRule(`.scm-view .button-container > .monaco-description-button { height: ${buttonBorderColor ? '32px' : '30px'}; }`); </ins> const focusBorderColor = theme.getColor(focusBorder); if (focusBorderColor) { collector.addRule(`.scm-view .scm-editor-container.synthetic-focus { outline: 1px solid ${focusBorderColor}; }`);