chore: minor icon adjustment

Author: gagik

packages/compass-explain-plan/src/components/explain-plan-modal.tsx

@@ -72,7 +72,12 @@ const headerButtonSectionStyles = css({
   gap: spacing[200],
 });
 
-const tooltipTriggerStyles = css({});
+const tooltipTriggerStyles = css({
+  height: '100%',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+});
 
 const loaderContainerStyles = css({
   height: '100%',
@@ -135,6 +140,7 @@ export const ExplainPlanModal: React.FunctionComponent<
               size="small"
               variant="default"
               leftGlyph={
+                // TODO(COMPASS-9384): Will be replaced with Sparkle gradient icon once Leafygreen components are updated.
                 <Icon glyph="Sparkle" style={{ color: palette.green.dark1 }} />
               }
               data-testid="interpret-for-me-button"