diff --git a/src/components/shared/Layout/PageContent.tsx b/src/components/shared/Layout/PageContent.tsx index 76d7e7ef..0ace02e3 100644 --- a/src/components/shared/Layout/PageContent.tsx +++ b/src/components/shared/Layout/PageContent.tsx @@ -21,7 +21,6 @@ export function PageContent(props: PageContentProps) { borderRadius: isPaper ? `${theme.shape.borderRadius}px` : 0, borderBottomLeftRadius: 0, borderBottomRightRadius: 0, - overflow: "clip", flexGrow: 1, pb: 2, diff --git a/src/components/shared/StyledTabs/StyledTabs.tsx b/src/components/shared/StyledTabs/StyledTabs.tsx index 40545605..94e1ccd3 100644 --- a/src/components/shared/StyledTabs/StyledTabs.tsx +++ b/src/components/shared/StyledTabs/StyledTabs.tsx @@ -3,6 +3,7 @@ import { Tabs, TabsProps } from "@mui/material"; export interface StyledTabsProps extends TabsProps {} export function StyledTabs(props: StyledTabsProps) { + const { sx, ...otherProps } = props; return ( ({ - py: 0, - backgroundColor: theme.palette.background.paperInlay, - borderBottom: `1px solid ${theme.palette.divider}`, - alignItems: "center", - })} + sx={[ + (theme) => ({ + py: 0, + backgroundColor: theme.palette.background.paperInlay, + borderBottom: `1px solid ${theme.palette.divider}`, + alignItems: "center", + }), + ...(Array.isArray(sx) ? sx : [sx]), + ]} variant={"scrollable"} scrollButtons allowScrollButtonsMobile - {...props} + {...otherProps} /> ); } diff --git a/src/pages/Homebrew/HomebrewEditorPage/HomebrewEditorPage.tsx b/src/pages/Homebrew/HomebrewEditorPage/HomebrewEditorPage.tsx index 5addc4b2..9c7afff2 100644 --- a/src/pages/Homebrew/HomebrewEditorPage/HomebrewEditorPage.tsx +++ b/src/pages/Homebrew/HomebrewEditorPage/HomebrewEditorPage.tsx @@ -35,6 +35,10 @@ export function HomebrewEditorPage() { handleTabChange(value)} + sx={(theme) => ({ + borderTopRightRadius: theme.shape.borderRadius, + borderTopLeftRadius: theme.shape.borderRadius, + })} > diff --git a/src/pages/World/WorldSheetPage/WorldSheetPage.tsx b/src/pages/World/WorldSheetPage/WorldSheetPage.tsx index f6ffd75c..d854c15d 100644 --- a/src/pages/World/WorldSheetPage/WorldSheetPage.tsx +++ b/src/pages/World/WorldSheetPage/WorldSheetPage.tsx @@ -121,6 +121,10 @@ export function WorldSheetPage() { indicatorColor="primary" centered variant={"standard"} + sx={(theme) => ({ + borderTopRightRadius: theme.shape.borderRadius, + borderTopLeftRadius: theme.shape.borderRadius, + })} > {!showSectorsInsteadOfLocations && (