From f35d7c81592069f050443832f606be4876210eb9 Mon Sep 17 00:00:00 2001
From: Anton Vikulov <rndnm@yandex-team.ru>
Date: Mon, 25 Mar 2024 16:35:21 +0500
Subject: [PATCH] fix: add offset for wrapper

---
 src/components/TocLable/TocLabel.scss |  8 +++++---
 src/components/TocLable/TocLabel.tsx  | 12 +++++++++---
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/components/TocLable/TocLabel.scss b/src/components/TocLable/TocLabel.scss
index 628ea162..be8fa84c 100644
--- a/src/components/TocLable/TocLabel.scss
+++ b/src/components/TocLable/TocLabel.scss
@@ -2,9 +2,11 @@
 @import '../../styles/mixins';
 
 .dc-toc-label {
-    margin-left: 10px;
+    &_offset {
+        margin-left: 10px;
 
-    [dir='rtl'] & {
-        margin-right: 10px;
+        [dir='rtl'] & {
+            margin-right: 10px;
+        }
     }
 }
diff --git a/src/components/TocLable/TocLabel.tsx b/src/components/TocLable/TocLabel.tsx
index ff66f5c4..d4e4b71a 100644
--- a/src/components/TocLable/TocLabel.tsx
+++ b/src/components/TocLable/TocLabel.tsx
@@ -18,15 +18,21 @@ const TocLabel: FC<TocLabelProps> = ({label}) => {
 
     let labelElement = null;
     if (label?.title) {
+        const hasDescription = Boolean(label.description);
         labelElement = (
-            <Label size={'xs'} theme={label.theme} className={b()}>
+            <Label size={'xs'} theme={label.theme} className={b({offset: !hasDescription})}>
                 {label.title}
             </Label>
         );
-        if (label.description) {
+        if (hasDescription) {
             const placement = direction === 'rtl' ? 'left' : 'right';
             labelElement = (
-                <Popover content={label.description} placement={placement} size={'s'}>
+                <Popover
+                    content={label.description}
+                    placement={placement}
+                    size={'s'}
+                    className={b({offset: true})}
+                >
                     {labelElement}
                 </Popover>
             );