diff --git a/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.styles.ts b/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.styles.ts
index 151be3ca19..a1ec90f58a 100644
--- a/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.styles.ts
+++ b/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.styles.ts
@@ -5,7 +5,7 @@ export const useStyles = makeStyles()(theme => ({
padding: theme.spacing(0, 4),
},
bodyClass: {
- padding: theme.spacing(4),
+ padding: theme.spacing(2, 4, 4, 4),
overflowX: 'auto',
},
}));
diff --git a/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.tsx b/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.tsx
index 824536ee3b..b48cf0a493 100644
--- a/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.tsx
+++ b/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.tsx
@@ -8,7 +8,8 @@ import {
} from 'component/common/Table';
import { SortingRule, useSortBy, useTable } from 'react-table';
import { SearchHighlightProvider } from 'component/common/Table/SearchHighlightContext/SearchHighlightContext';
-import { styled, Tab, Tabs, useMediaQuery } from '@mui/material';
+import { styled, Tab, Tabs, Box, useMediaQuery } from '@mui/material';
+import { Link } from 'react-router-dom';
import { sortTypes } from 'utils/sortTypes';
import { useEffect, useMemo, useState } from 'react';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
@@ -52,6 +53,12 @@ const StyledTabButton = styled(Tab)(({ theme }) => ({
},
}));
+const ConftigurationLinkBox = styled(Box)(({ theme }) => ({
+ textAlign: 'right',
+ paddingBottom: theme.spacing(2),
+ fontSize: theme.fontSizes.smallBody,
+}));
+
export const ChangeRequestsTabs = ({
changeRequests = [],
loading,
@@ -282,6 +289,11 @@ export const ChangeRequestsTabs = ({
/>
}
>
+
+
+ Change request configuration
+
+