diff --git a/frontend/src/component/feature/FeatureView/Contributors.tsx b/frontend/src/component/feature/FeatureView/Contributors.tsx index 7fba565e19..0274ca29fd 100644 --- a/frontend/src/component/feature/FeatureView/Contributors.tsx +++ b/frontend/src/component/feature/FeatureView/Contributors.tsx @@ -72,10 +72,9 @@ const Collaborators: FC = ({ users }) => { const Container = styled('article')(({ theme }) => ({ display: 'flex', flexDirection: 'row', - gap: theme.spacing(4), + gap: theme.spacing(10), alignItems: 'center', justifyContent: 'space-between', - marginInlineEnd: theme.spacing(4), [theme.breakpoints.down('xl')]: { display: 'none', }, diff --git a/frontend/src/component/feature/FeatureView/FeatureView.tsx b/frontend/src/component/feature/FeatureView/FeatureView.tsx index 0779f503fe..cd77e18ba6 100644 --- a/frontend/src/component/feature/FeatureView/FeatureView.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureView.tsx @@ -117,11 +117,9 @@ const StyledSeparator = styled('div')(({ theme }) => ({ const StyledTabRow = styled('div')(({ theme }) => ({ display: 'flex', flexFlow: 'row nowrap', -})); - -const StyledTabContainer = styled('div')(({ theme }) => ({ - padding: theme.spacing(0, 4), - flex: '1', + gap: theme.spacing(4), + paddingInline: theme.spacing(4), + justifyContent: 'space-between', })); const StyledTabButton = styled(Tab)(({ theme }) => ({ @@ -363,23 +361,21 @@ export const FeatureView = () => { - - - {tabData.map((tab) => ( - navigate(tab.path)} - data-testid={`TAB-${tab.title}`} - /> - ))} - - + + {tabData.map((tab) => ( + navigate(tab.path)} + data-testid={`TAB-${tab.title}`} + /> + ))} +