diff --git a/packages/theme/styles/global.scss b/packages/theme/styles/global.scss index 801bf1d7f01..10693f35a31 100644 --- a/packages/theme/styles/global.scss +++ b/packages/theme/styles/global.scss @@ -77,7 +77,7 @@ scrollbar-color: var(--theme-navpanel-divider) transparent; scrollbar-width: none; --body-font-size: .875rem; - --status-bar-height: 36px; + --status-bar-height: 42px; --status-bar-normal-height: 36px; --panel-aside-width: 25rem; // 20rem; --font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto; diff --git a/packages/ui/src/components/internal/Root.svelte b/packages/ui/src/components/internal/Root.svelte index ccdfc624868..4418d112ed2 100644 --- a/packages/ui/src/components/internal/Root.svelte +++ b/packages/ui/src/components/internal/Root.svelte @@ -280,6 +280,8 @@ font-size: 0.75rem; line-height: 150%; background-color: var(--theme-statusbar-color); + margin: var(--spacing-2) var(--spacing-2) 0 var(--spacing-2); + border-radius: var(--medium-focus-BorderRadius); // border-bottom: 1px solid var(--theme-navpanel-divider); .history-box {