diff --git a/superset-frontend/src/SqlLab/components/TabbedSqlEditors.jsx b/superset-frontend/src/SqlLab/components/TabbedSqlEditors.jsx
index 5461645476..a916798572 100644
--- a/superset-frontend/src/SqlLab/components/TabbedSqlEditors.jsx
+++ b/superset-frontend/src/SqlLab/components/TabbedSqlEditors.jsx
@@ -58,6 +58,12 @@ const defaultProps = {
let queryCount = 1;
+const TabTitleWrapper = styled.div`
+ display: flex;
+ align-items: center;
+ justify-content: center;
+`;
+
const TabTitle = styled.span`
margin-right: ${({ theme }) => theme.gridUnit * 2}px;
`;
@@ -354,12 +360,12 @@ class TabbedSqlEditors extends React.PureComponent {
);
const tabHeader = (
- <>
+
{qe.title} {' '}
- >
+
);
return (
theme.typography.weights.normal};
display: inline-flex;
+ position: relative;
&:hover {
background-color: ${({ theme }) => theme.colors.primary.base};
@@ -50,11 +51,11 @@ const MenuDots = styled.div`
}
&::before {
- transform: translateY(-${({ theme }) => theme.gridUnit}px);
+ top: ${({ theme }) => theme.gridUnit}px;
}
&::after {
- transform: translateY(${({ theme }) => theme.gridUnit}px);
+ bottom: ${({ theme }) => theme.gridUnit}px;
}
`;
diff --git a/superset-frontend/src/common/components/Tabs.tsx b/superset-frontend/src/common/components/Tabs.tsx
index 9346d0aa4c..e87f7835dd 100644
--- a/superset-frontend/src/common/components/Tabs.tsx
+++ b/superset-frontend/src/common/components/Tabs.tsx
@@ -52,10 +52,7 @@ const StyledTabs = styled(AntdTabs, {
`};
.ant-tabs-tab-btn {
- display: flex;
flex: 1 1 auto;
- align-items: center;
- justify-content: center;
font-size: ${({ theme }) => theme.typography.sizes.s}px;
text-align: center;
text-transform: uppercase;