diff --git a/static/app/components/events/sdkUpdates/index.tsx b/static/app/components/events/sdkUpdates/index.tsx
index a3df7317819c..a6f4be024087 100644
--- a/static/app/components/events/sdkUpdates/index.tsx
+++ b/static/app/components/events/sdkUpdates/index.tsx
@@ -1,7 +1,7 @@
import Alert from 'app/components/alert';
import EventDataSection from 'app/components/events/eventDataSection';
import {IconUpgrade} from 'app/icons';
-import {tct} from 'app/locale';
+import {t, tct} from 'app/locale';
import {Event} from 'app/types/event';
import getSdkUpdateSuggestion from 'app/utils/getSdkUpdateSuggestion';
@@ -24,7 +24,9 @@ const SdkUpdates = ({event}: Props) => {
return (
}>
- {tct('We recommend you [suggestion]', {suggestion})}
+ {tct('We recommend you [suggestion] ', {suggestion})}
+ {sdkUpdate.type === 'updateSdk' &&
+ t('(All sentry packages should be updated and their versions should match)')}
);
})
diff --git a/static/app/components/sidebar/broadcastSdkUpdates.tsx b/static/app/components/sidebar/broadcastSdkUpdates.tsx
index 8a2598c63439..152e79196c36 100644
--- a/static/app/components/sidebar/broadcastSdkUpdates.tsx
+++ b/static/app/components/sidebar/broadcastSdkUpdates.tsx
@@ -1,7 +1,9 @@
import styled from '@emotion/styled';
import groupBy from 'lodash/groupBy';
+import Alert from 'app/components/alert';
import ProjectBadge from 'app/components/idBadge/projectBadge';
+import {IconWarning} from 'app/icons';
import {t} from 'app/locale';
import space from 'app/styles/space';
import {Project, ProjectSdkUpdates, SDKUpdatesSuggestion} from 'app/types';
@@ -47,6 +49,9 @@ const BroadcastSdkUpdates = ({projects, sdkUpdates}: Props) => {
'Seems like your SDKs could use a refresh. We recommend updating these SDKs to make sure you’re getting all the data you need.'
)}
>
+ }>
+ {t('All sentry packages should be updated and their versions should match.')}
+
{items.map(([projectId, updates]) => {
@@ -119,4 +124,9 @@ const SdkOutdatedVersion = styled('span')`
color: ${p => p.theme.subText};
`;
+const StyledAlert = styled(Alert)`
+ margin-top: ${space(2)};
+ margin-bottom: 0;
+`;
+
export default withSdkUpdates(withProjects(BroadcastSdkUpdates));
diff --git a/static/app/components/sidebar/sidebarPanelItem.tsx b/static/app/components/sidebar/sidebarPanelItem.tsx
index b079333393a4..6d7134890198 100644
--- a/static/app/components/sidebar/sidebarPanelItem.tsx
+++ b/static/app/components/sidebar/sidebarPanelItem.tsx
@@ -72,7 +72,7 @@ const Title = styled('div')>`
`;
const Text = styled('div')`
- margin-bottom: 5px;
+ margin-bottom: ${space(0.5)};
&:last-child {
margin-bottom: 0;