diff --git a/frontends/mit-open/src/pages/DashboardPage/DashboardPage.tsx b/frontends/mit-open/src/pages/DashboardPage/DashboardPage.tsx index 9a1e103ca6..d99dec8f2d 100644 --- a/frontends/mit-open/src/pages/DashboardPage/DashboardPage.tsx +++ b/frontends/mit-open/src/pages/DashboardPage/DashboardPage.tsx @@ -206,6 +206,7 @@ const LinkText = styled(Typography)(({ theme }) => ({ const TabPanelStyled = styled(TabPanel)({ padding: "0", + width: "100%", }) const TitleText = styled(Typography)(({ theme }) => ({ diff --git a/frontends/mit-open/src/pages/UserListListingPage/UserListListingPage.tsx b/frontends/mit-open/src/pages/UserListListingPage/UserListListingPage.tsx index afb3e9a755..249bd03057 100644 --- a/frontends/mit-open/src/pages/UserListListingPage/UserListListingPage.tsx +++ b/frontends/mit-open/src/pages/UserListListingPage/UserListListingPage.tsx @@ -28,10 +28,13 @@ import { useNavigate } from "react-router" import * as urls from "@/common/urls" import { manageListDialogs } from "@/page-components/ManageListDialogs/ManageListDialogs" -const ListHeaderGrid = styled(Grid)` - margin-top: 1rem; - margin-bottom: 1rem; -` +const PageContainer = styled(Container)({ + marginTop: "1rem", +}) + +const ListHeaderGrid = styled(Grid)({ + marginBottom: "1rem", +}) type EditUserListMenuProps = { userList: UserList @@ -164,12 +167,12 @@ const UserListListingPage: React.FC = () => { User Lists - + - + ) }