diff --git a/src/sentry/static/sentry/app/views/settings/components/settingsLayout.tsx b/src/sentry/static/sentry/app/views/settings/components/settingsLayout.tsx index 9981431b1b5826..0d8707cda17fb4 100644 --- a/src/sentry/static/sentry/app/views/settings/components/settingsLayout.tsx +++ b/src/sentry/static/sentry/app/views/settings/components/settingsLayout.tsx @@ -168,8 +168,6 @@ const SidebarWrapper = styled('div')<{isVisible: boolean; offsetTop: number}>` width: ${p => p.theme.settings.sidebarWidth}; background: ${p => p.theme.white}; border-right: 1px solid ${p => p.theme.borderLight}; - padding: ${space(4)}; - padding-right: ${space(2)}; @media (max-width: ${p => p.theme.breakpoints[0]}) { display: ${p => (p.isVisible ? 'block' : 'none')}; diff --git a/src/sentry/static/sentry/app/views/settings/components/settingsNavigation.tsx b/src/sentry/static/sentry/app/views/settings/components/settingsNavigation.tsx index eef9b4194cdd76..e95c514cc41348 100644 --- a/src/sentry/static/sentry/app/views/settings/components/settingsNavigation.tsx +++ b/src/sentry/static/sentry/app/views/settings/components/settingsNavigation.tsx @@ -2,6 +2,7 @@ import React from 'react'; import * as Sentry from '@sentry/react'; import styled from '@emotion/styled'; +import space from 'app/styles/space'; import SettingsNavigationGroup from 'app/views/settings/components/settingsNavigationGroup'; import {NavigationSection, NavigationProps} from 'app/views/settings/types'; @@ -58,11 +59,13 @@ class SettingsNavigation extends React.Component { const PositionStickyWrapper = styled('div')` @media (min-width: ${p => p.theme.breakpoints[0]}) { position: sticky; - top: 100px; + top: 70px; overflow: scroll; - height: calc(100vh - 98px); + height: calc(100vh - 70px); -ms-overflow-style: none; scrollbar-width: none; + padding: ${space(4)}; + padding-right: ${space(2)}; &::-webkit-scrollbar { display: none;