diff --git a/packages/compass-connections/src/components/connection-status-notifications.tsx b/packages/compass-connections/src/components/connection-status-notifications.tsx index 0edc03d8f15..e40dc0cebc8 100644 --- a/packages/compass-connections/src/components/connection-status-notifications.tsx +++ b/packages/compass-connections/src/components/connection-status-notifications.tsx @@ -75,6 +75,7 @@ const connectionErrorActionsStyles = css({ const connectionErrorStyles = css({ display: 'flex', flexDirection: 'column', + wordBreak: 'break-word', }); const connectionErrorTitleStyles = css({ @@ -201,16 +202,15 @@ const openConnectionFailedToast = ({ onReview={ onReviewClick ? () => { - if (!onDebugClick) { - // don't close the toast if there are two actions so that the user - // can still use the other one - closeToast(`connection-status--${failedToastId}`); - } + closeToast(`connection-status--${failedToastId}`); onReviewClick(); } : undefined } - onDebug={onDebugClick} + onDebug={() => { + closeToast(`connection-status--${failedToastId}`); + onDebugClick?.(); + }} /> ), variant: 'warning',