diff --git a/src/frontend/src/shared/ui/AppShell/AppShell.styles.tsx b/src/frontend/src/shared/ui/AppShell/AppShell.styles.tsx index ad3473924..512ff5350 100644 --- a/src/frontend/src/shared/ui/AppShell/AppShell.styles.tsx +++ b/src/frontend/src/shared/ui/AppShell/AppShell.styles.tsx @@ -19,13 +19,10 @@ export const NavigationProgressStyled = styled(LinearProgress, { width: '100%', [theme.breakpoints.up('sm')]: { + top: $withHeader ? `${APP_BAR_HEIGHT_SM}px` : 0, left: $withSidebar ? `${SIDEBAR_DRAWER_WIDTH}px` : 0, width: $withSidebar ? `calc(100% - ${SIDEBAR_DRAWER_WIDTH}px)` : '100%', }, - - [theme.breakpoints.up('md')]: { - top: $withHeader ? `${APP_BAR_HEIGHT_SM}px` : 0, - }, })); export const HeaderStyled = styled(AppBar)(({ theme }) => ({ diff --git a/src/frontend/src/widgets/navbar/ui/NavigationDrawer.tsx b/src/frontend/src/widgets/navbar/ui/NavigationDrawer.tsx index 16ed5c221..602435bde 100644 --- a/src/frontend/src/widgets/navbar/ui/NavigationDrawer.tsx +++ b/src/frontend/src/widgets/navbar/ui/NavigationDrawer.tsx @@ -20,7 +20,7 @@ export const NavigationDrawer: FC = ({ menuOpened, toggleMenu }) => { PaperProps={{ sx: { marginTop: { xs: 0, md: `${APP_BAR_HEIGHT_SM}px` }, - width: { xs: '75%', md: `${SIDEBAR_DRAWER_WIDTH}px` }, + width: `${SIDEBAR_DRAWER_WIDTH}px`, }, component: 'nav', }}