diff --git a/app/ui/css/components/dropdown.less b/app/ui/css/components/dropdown.less index b974846e1..73d7c4f3b 100644 --- a/app/ui/css/components/dropdown.less +++ b/app/ui/css/components/dropdown.less @@ -41,9 +41,8 @@ box-sizing: border-box; background: var(--color-bg); - // Separate it from the button a bit - margin-top: @padding-xxs; - margin-bottom: @padding-xxs; + // Separate it from it's surroundings a bit + margin: @padding-xxs 3px; padding-top: @radius-md; padding-bottom: @radius-md; diff --git a/app/ui/css/components/tabs.less b/app/ui/css/components/tabs.less index 829513b7b..9c306928f 100644 --- a/app/ui/css/components/tabs.less +++ b/app/ui/css/components/tabs.less @@ -20,10 +20,11 @@ background-color: var(--color-bg); overflow: auto; - @scrollbar-height: 3px; + @scrollbar-height: @padding-sm; &::-webkit-scrollbar { height: @scrollbar-height; + border-radius: @scrollbar-height / 2; } &::-webkit-scrollbar-track { @@ -31,7 +32,14 @@ } &::-webkit-scrollbar-thumb { - border-radius: @scrollbar-height / 2; + background-color: transparent; + } + + &::-webkit-scrollbar-thumb { + background-color: var(--hl-xxs); + } + + &:hover::-webkit-scrollbar-thumb { background-color: var(--hl-sm); }