fix(onboarding): Fix alert alignment (#76598)

getsentry · Aug 28, 2024 · 4e0dfdb · 4e0dfdb
1 parent 94a09ff
commit 4e0dfdb
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/static/app/components/onboarding/productSelection.tsx b/static/app/components/onboarding/productSelection.tsx
@@ -546,4 +546,12 @@ const TooltipDescription = styled('div')`
 
 const AlternativeInstallationAlert = styled(Alert)`
   margin-bottom: 0px;
+  /*
+   * The first child is the icon.
+   * We render a button within the message, so to ensure proper alignment,
+   * the height of the first child (icon) needs to be set to 'auto'.
+   */
+  > *:first-child {
+    height: auto;
+  }
 `;