fix: UI cut off (#36531)

Co-authored-by: Diego Pucci <diegopucci.me@gmail.com>

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<ControlHeaderProps> = ({
             margin-bottom: ${theme.sizeUnit * 0.5}px;
             position: relative;
             font-size: ${theme.fontSizeSM}px;
+            overflow: visible;
+            padding-bottom: 0.1em;
           `}
           htmlFor={name}
         >

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 {

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}
         >