diff --git a/superset-frontend/src/components/AlteredSliceTag/index.jsx b/superset-frontend/src/components/AlteredSliceTag/index.jsx
index 220daae129ed8..74e4e5ec42c4e 100644
--- a/superset-frontend/src/components/AlteredSliceTag/index.jsx
+++ b/superset-frontend/src/components/AlteredSliceTag/index.jsx
@@ -182,10 +182,7 @@ export default class AlteredSliceTag extends React.Component {
renderTriggerNode() {
return (
-
+
{t('Altered')}
diff --git a/superset-frontend/src/components/FaveStar/index.tsx b/superset-frontend/src/components/FaveStar/index.tsx
index 5953075854984..0473e3d9b238b 100644
--- a/superset-frontend/src/components/FaveStar/index.tsx
+++ b/superset-frontend/src/components/FaveStar/index.tsx
@@ -68,11 +68,7 @@ const FaveStar = ({
data-test="fave-unfave-icon"
role="button"
>
- {isStarred ? (
-
- ) : (
-
- )}
+ {isStarred ? : }
);
diff --git a/superset-frontend/src/explore/components/ExploreChartHeader/index.jsx b/superset-frontend/src/explore/components/ExploreChartHeader/index.jsx
index 6c8d3cb799f4a..bbaa34648b1a0 100644
--- a/superset-frontend/src/explore/components/ExploreChartHeader/index.jsx
+++ b/superset-frontend/src/explore/components/ExploreChartHeader/index.jsx
@@ -96,8 +96,19 @@ const StyledHeader = styled.div`
`;
const StyledButtons = styled.span`
- display: flex;
- align-items: center;
+ ${({ theme }) => css`
+ display: flex;
+ align-items: center;
+ padding-left: ${theme.gridUnit * 2}px;
+
+ & .fave-unfave-icon {
+ padding: 0 ${theme.gridUnit}px;
+
+ &:first-child {
+ padding-left: 0;
+ }
+ }
+ `}
`;
export class ExploreChartHeader extends React.PureComponent {
@@ -236,16 +247,14 @@ export class ExploreChartHeader extends React.PureComponent {
onSave={actions.updateChartTitle}
placeholder={t('Add the name of the chart')}
/>
- {slice?.certified_by && (
- <>
- {' '}
- >
- )}
{slice && (
+ {slice.certified_by && (
+
+ )}
{user.userId && (