diff --git a/frontend/src/metabase/visualizations/components/LegendItem.jsx b/frontend/src/metabase/visualizations/components/LegendItem.jsx
index a0d18eb5abc06788481d2173cf12835ae3684ac1..68c860d19d4d9841f3eb9cead78c0485cc613cd9 100644
--- a/frontend/src/metabase/visualizations/components/LegendItem.jsx
+++ b/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>