diff --git a/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx b/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx index dadc379831..0baffc141e 100644 --- a/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx +++ b/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx @@ -1,6 +1,6 @@ import { useState, type VFC } from 'react'; import { Box, Button, styled, Typography } from '@mui/material'; -import { DynamicSidebarModal } from 'component/common/SidebarModal/SidebarModal'; +import { SidebarModal } from 'component/common/SidebarModal/SidebarModal'; import { PageContent } from 'component/common/PageContent/PageContent'; import { PageHeader } from 'component/common/PageHeader/PageHeader'; import CheckCircle from '@mui/icons-material/CheckCircle'; @@ -22,7 +22,6 @@ interface IChangeRequestSidebarProps { const StyledPageContent = styled(PageContent)(({ theme }) => ({ height: '100vh', overflow: 'auto', - maxWidth: 'max(40vw, 1000px)', padding: theme.spacing(6), [theme.breakpoints.down('md')]: { padding: theme.spacing(4, 2), @@ -106,11 +105,7 @@ export const ChangeRequestSidebar: VFC = ({ if (!loading && !data) { return ( - + } @@ -119,16 +114,12 @@ export const ChangeRequestSidebar: VFC = ({ {/* FIXME: empty state */} Close - + ); } return ( - + } @@ -159,6 +150,6 @@ export const ChangeRequestSidebar: VFC = ({ ))} - + ); };