diff --git a/ketcher-autotests/tests/Macromolecule-editor/Modal-window/modal-window.spec.ts-snapshots/Modal-window-Connect-button-is-active-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Modal-window/modal-window.spec.ts-snapshots/Modal-window-Connect-button-is-active-1-chromium-linux.png index c089ce66e9..be8cfb49d3 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Modal-window/modal-window.spec.ts-snapshots/Modal-window-Connect-button-is-active-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Modal-window/modal-window.spec.ts-snapshots/Modal-window-Connect-button-is-active-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Modal-window/modal-window.spec.ts-snapshots/Modal-window-Connect-button-is-disabled-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Modal-window/modal-window.spec.ts-snapshots/Modal-window-Connect-button-is-disabled-1-chromium-linux.png index 903e9552f0..23ed8fb347 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Modal-window/modal-window.spec.ts-snapshots/Modal-window-Connect-button-is-disabled-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Modal-window/modal-window.spec.ts-snapshots/Modal-window-Connect-button-is-disabled-1-chromium-linux.png differ diff --git a/packages/ketcher-polymer-editor-react/src/components/modal/monomerConnection/styledComponents.ts b/packages/ketcher-polymer-editor-react/src/components/modal/monomerConnection/styledComponents.ts index 1682d27388..cb3ed179b7 100644 --- a/packages/ketcher-polymer-editor-react/src/components/modal/monomerConnection/styledComponents.ts +++ b/packages/ketcher-polymer-editor-react/src/components/modal/monomerConnection/styledComponents.ts @@ -6,7 +6,7 @@ export const AttachmentPointList = styled.div({ justifyContent: 'start', alignSelf: 'flex-start', width: '100%', - gap: '8px', + gap: '7px', }); interface IStyledAttachmentPointProps { @@ -17,13 +17,12 @@ interface IStyledAttachmentPointNameProps { } export const AttachmentPoint = styled('div')( - (props) => ({ + () => ({ display: 'flex', flexDirection: 'column', rowGap: '2px', alignItems: 'center', marginBottom: '5px', - marginRight: !props.lastElementInRow ? '7px' : '', }), );