From 887c7487eece007f7294707d059020d1361d32c2 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Wed, 10 May 2023 23:52:11 +0300
Subject: [PATCH] Fixed main topic style on the article settings page

---
 .../Editor/TopicSelect/TopicSelect.module.scss     | 14 ++++++++++++--
 src/pages/profile/Settings.module.scss             | 14 ++++++++++++++
 2 files changed, 26 insertions(+), 2 deletions(-)

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) {