diff --git a/src/components/Editor/TopicSelect/TopicSelect.module.scss b/src/components/Editor/TopicSelect/TopicSelect.module.scss index 2cc41d65..a2a15c1b 100644 --- a/src/components/Editor/TopicSelect/TopicSelect.module.scss +++ b/src/components/Editor/TopicSelect/TopicSelect.module.scss @@ -3,11 +3,21 @@ &.mainTopic { cursor: default; - background: #000; - color: #ccc; + &, + :global(.solid-select-multi-value-remove) { + color: #ccc; + } + + &:before { background: #000; + content: ''; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: -1; } } } diff --git a/src/pages/profile/Settings.module.scss b/src/pages/profile/Settings.module.scss index 24faffb6..3c3302bb 100644 --- a/src/pages/profile/Settings.module.scss +++ b/src/pages/profile/Settings.module.scss @@ -204,9 +204,23 @@ h5 { } :global(.solid-select-multi-value) { + background: none; margin: 0 0.5rem 0.5rem 0; + overflow: hidden; padding-left: 0.8rem; padding-bottom: 0.2rem; + position: relative; + + &:before { + background: rgb(243, 244, 246); + content: ''; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: -1; + } } :global(.solid-select-multi-value-remove) {