From a4f44255aa94e2bd882b7d442457796b98a8d855 Mon Sep 17 00:00:00 2001
From: Kamil Gabryjelski <kamil.gabryjelski@gmail.com>
Date: Mon, 30 Nov 2020 18:51:54 +0100
Subject: [PATCH] Fix chart select borders in BuilderComponentPane (#11766)

---
 .../dashboard/components/BuilderComponentPane.jsx    | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/superset-frontend/src/dashboard/components/BuilderComponentPane.jsx b/superset-frontend/src/dashboard/components/BuilderComponentPane.jsx
index a693f87268..d286653145 100644
--- a/superset-frontend/src/dashboard/components/BuilderComponentPane.jsx
+++ b/superset-frontend/src/dashboard/components/BuilderComponentPane.jsx
@@ -23,7 +23,7 @@ import Tabs from 'src/common/components/Tabs';
 import { StickyContainer, Sticky } from 'react-sticky';
 import { ParentSize } from '@vx/responsive';
 
-import { t } from '@superset-ui/core';
+import { t, styled } from '@superset-ui/core';
 
 import NewColumn from './gridComponents/new/NewColumn';
 import NewDivider from './gridComponents/new/NewDivider';
@@ -43,14 +43,18 @@ const defaultProps = {
 
 const SUPERSET_HEADER_HEIGHT = 59;
 
+const BuilderComponentPaneTabs = styled(Tabs)`
+  line-height: inherit;
+  margin-top: ${({ theme }) => theme.gridUnit * 2}px;
+`;
+
 class BuilderComponentPane extends React.PureComponent {
   renderTabs(height) {
     const { isSticky } = this.props;
     return (
-      <Tabs
+      <BuilderComponentPaneTabs
         id="tabs"
         className="tabs-components"
-        style={{ marginTop: '10px' }}
         data-test="dashboard-builder-component-pane-tabs-navigation"
       >
         <Tabs.TabPane key={1} tab={t('Components')}>
@@ -66,7 +70,7 @@ class BuilderComponentPane extends React.PureComponent {
             height={height + (isSticky ? SUPERSET_HEADER_HEIGHT : 0)}
           />
         </Tabs.TabPane>
-      </Tabs>
+      </BuilderComponentPaneTabs>
     );
   }