diff --git a/superset-frontend/src/explore/components/ControlHeader.tsx b/superset-frontend/src/explore/components/ControlHeader.tsx index a240107084f..dc78b796cc6 100644 --- a/superset-frontend/src/explore/components/ControlHeader.tsx +++ b/superset-frontend/src/explore/components/ControlHeader.tsx @@ -42,9 +42,15 @@ export type ControlHeaderProps = { const iconStyles = css` &.anticon { font-size: unset; + overflow: visible; + display: inline-block; + vertical-align: middle; + line-height: 1; + padding-bottom: 0.1em; .anticon { line-height: unset; vertical-align: unset; + overflow: visible; } } `; @@ -121,6 +127,8 @@ const ControlHeader: FC = ({ margin-bottom: ${theme.sizeUnit * 0.5}px; position: relative; font-size: ${theme.fontSizeSM}px; + overflow: visible; + padding-bottom: 0.1em; `} htmlFor={name} > diff --git a/superset-frontend/src/explore/components/ExploreViewContainer/index.jsx b/superset-frontend/src/explore/components/ExploreViewContainer/index.jsx index e49066165c2..d837659335d 100644 --- a/superset-frontend/src/explore/components/ExploreViewContainer/index.jsx +++ b/superset-frontend/src/explore/components/ExploreViewContainer/index.jsx @@ -138,6 +138,10 @@ const ExplorePanelContainer = styled.div` justify-content: space-between; .horizontal-text { font-size: ${theme.fontSize}px; + line-height: 1.5; + display: inline-block; + height: auto; + overflow: visible; } } .no-show { diff --git a/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx b/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx index e5db3d6295e..84fac0150b1 100644 --- a/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx +++ b/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx @@ -137,7 +137,7 @@ export const VizTile = ({ font-size: ${theme.fontSizeSM}px; min-width: 0; padding-right: ${theme.sizeUnit}px; - line-height: 1; + line-height: 1.5; `} ref={chartNameRef} >