diff --git a/public/app/core/components/AppChrome/AppChrome.tsx b/public/app/core/components/AppChrome/AppChrome.tsx index ef63d3f0fc6..548436f4101 100644 --- a/public/app/core/components/AppChrome/AppChrome.tsx +++ b/public/app/core/components/AppChrome/AppChrome.tsx @@ -104,6 +104,7 @@ const getStyles = (theme: GrafanaTheme2) => { boxShadow: shadow, background: theme.colors.background.primary, flexDirection: 'column', + borderBottom: `1px solid ${theme.colors.border.weak}`, }), }; }; diff --git a/public/app/core/components/PageNew/Page.tsx b/public/app/core/components/PageNew/Page.tsx index 6d9fe53dce3..73a09f82603 100644 --- a/public/app/core/components/PageNew/Page.tsx +++ b/public/app/core/components/PageNew/Page.tsx @@ -131,17 +131,15 @@ const getStyles = (theme: GrafanaTheme2) => { padding: theme.spacing(2), borderRadius: theme.shape.borderRadius(1), border: `1px solid ${theme.colors.border.weak}`, + borderBottom: 'none', background: theme.colors.background.primary, display: 'flex', flexDirection: 'column', flexGrow: 1, margin: theme.spacing(0, 0, 0, 0), - [theme.breakpoints.up('sm')]: { - margin: theme.spacing(0, 1, 1, 1), - }, [theme.breakpoints.up('md')]: { - margin: theme.spacing(2, 2, 2, 1), + margin: theme.spacing(2, 2, 0, 1), padding: theme.spacing(3), }, }), diff --git a/public/app/core/components/PageNew/SectionNav.tsx b/public/app/core/components/PageNew/SectionNav.tsx index 746ac980cc1..1b46e1a86c4 100644 --- a/public/app/core/components/PageNew/SectionNav.tsx +++ b/public/app/core/components/PageNew/SectionNav.tsx @@ -100,6 +100,7 @@ const getStyles = (theme: GrafanaTheme2) => { flexDirection: 'column', padding: theme.spacing(2, 1, 2, 2), minWidth: '250px', + [theme.breakpoints.up('md')]: { padding: theme.spacing(4.5, 1, 2, 2), },