fix info icon spacing on dashcards (#11627)

frontend/src/metabase/visualizations/components/LegendItem.jsx

@@ -76,7 +76,7 @@ export default class LegendItem extends Component {
           <div className="flex align-center overflow-hidden">
             <Ellipsified showTooltip={showTooltip}>{title}</Ellipsified>
             {description && (
-              <div className="hover-child">
+              <div className="hover-child ml1 flex align-center text-medium">
                 <Tooltip tooltip={description} maxWidth={"22em"}>
                   <Icon className={infoClassName} name="info" />
                 </Tooltip>