From 3a4536acac920800d1c8338b19d55a371b13d23f Mon Sep 17 00:00:00 2001
From: Geido <60598000+geido@users.noreply.github.com>
Date: Tue, 11 May 2021 20:27:46 +0300
Subject: [PATCH] fix: Column name and icons alignment in the Datasource Panel
 (Explore) (#14551)

* Fix column name alignment

* Fix space wrap
---
 .../src/explore/components/optionRenderers.tsx            | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/superset-frontend/src/explore/components/optionRenderers.tsx b/superset-frontend/src/explore/components/optionRenderers.tsx
index 368138a4d..16f3908c6 100644
--- a/superset-frontend/src/explore/components/optionRenderers.tsx
+++ b/superset-frontend/src/explore/components/optionRenderers.tsx
@@ -27,8 +27,16 @@ import {
 } from '@superset-ui/chart-controls';
 
 const OptionContainer = styled.div`
+  > span {
+    display: flex;
+    align-items: center;
+  }
+
   .option-label {
     display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
     & ~ i {
       margin-left: ${({ theme }) => theme.gridUnit}px;
     }