diff --git a/packages/grafana-ui/src/components/PanelOptionsGroup/_PanelOptionsGroup.scss b/packages/grafana-ui/src/components/PanelOptionsGroup/_PanelOptionsGroup.scss index 87d5b00f3b1..cfc832afa98 100644 --- a/packages/grafana-ui/src/components/PanelOptionsGroup/_PanelOptionsGroup.scss +++ b/packages/grafana-ui/src/components/PanelOptionsGroup/_PanelOptionsGroup.scss @@ -10,6 +10,7 @@ font-size: 1.1rem; background: $panel-options-group-header-bg; position: relative; + border-radius: $border-radius $border-radius 0 0; .btn { position: absolute; diff --git a/public/sass/_variables.dark.scss b/public/sass/_variables.dark.scss index 56cdb829f69..7b0ed869bdc 100644 --- a/public/sass/_variables.dark.scss +++ b/public/sass/_variables.dark.scss @@ -392,8 +392,8 @@ $panel-editor-tabs-line-color: #e3e3e3; $panel-editor-viz-item-bg-hover: darken($blue, 47%); $panel-editor-viz-item-bg-hover-active: darken($orange, 45%); -$panel-options-group-border: 1px solid $dark-3; -$panel-options-group-header-bg: linear-gradient(0deg, $gray-blue, $dark-1); +$panel-options-group-border: none; +$panel-options-group-header-bg: $gray-blue; $panel-grid-placeholder-bg: darken($blue, 47%); $panel-grid-placeholder-shadow: 0 0 4px $blue; diff --git a/public/sass/_variables.light.scss b/public/sass/_variables.light.scss index a8773234d02..10c074e1481 100644 --- a/public/sass/_variables.light.scss +++ b/public/sass/_variables.light.scss @@ -400,8 +400,8 @@ $panel-editor-tabs-line-color: $dark-5; $panel-editor-viz-item-bg-hover: lighten($blue, 62%); $panel-editor-viz-item-bg-hover-active: lighten($orange, 34%); -$panel-options-group-border: 1px solid $gray-6; -$panel-options-group-header-bg: linear-gradient(0deg, $gray-6, $gray-7); +$panel-options-group-border: none; +$panel-options-group-header-bg: $gray-5; $panel-grid-placeholder-bg: lighten($blue, 62%); $panel-grid-placeholder-shadow: 0 0 4px $blue-light;