From 5e9f370e741315b42c5e993b9ee254f0b4b97d25 Mon Sep 17 00:00:00 2001
From: Alexandr Isaev <aisaev188@yandex-team.ru>
Date: Tue, 16 Apr 2024 20:17:12 +0300
Subject: [PATCH] fix(ListItemView): fix identation in depth more than 10

---
 .../components/ListItemView/ListItemView.scss | 31 -------------------
 .../components/ListItemView/ListItemView.tsx  |  2 +-
 2 files changed, 1 insertion(+), 32 deletions(-)

diff --git a/src/components/useList/components/ListItemView/ListItemView.scss b/src/components/useList/components/ListItemView/ListItemView.scss
index a7c0574c60..dd00f04995 100644
--- a/src/components/useList/components/ListItemView/ListItemView.scss
+++ b/src/components/useList/components/ListItemView/ListItemView.scss
@@ -45,36 +45,5 @@ $block: '.#{variables.$ns}list-item-view';
 
     &__slot {
         flex-shrink: 0;
-
-        &_indent_1 {
-            width: 16px;
-        }
-        &_indent_2 {
-            width: 32px;
-        }
-        &_indent_3 {
-            width: 48px;
-        }
-        &_indent_4 {
-            width: 64px;
-        }
-        &_indent_5 {
-            width: 80px;
-        }
-        &_indent_6 {
-            width: 96px;
-        }
-        &_indent_7 {
-            width: 112px;
-        }
-        &_indent_8 {
-            width: 128px;
-        }
-        &_indent_9 {
-            width: 144px;
-        }
-        &_indent_10 {
-            width: 160px;
-        }
     }
 }
diff --git a/src/components/useList/components/ListItemView/ListItemView.tsx b/src/components/useList/components/ListItemView/ListItemView.tsx
index 029a9c0ca8..30871e207c 100644
--- a/src/components/useList/components/ListItemView/ListItemView.tsx
+++ b/src/components/useList/components/ListItemView/ListItemView.tsx
@@ -71,7 +71,7 @@ export const ListItemViewSlot = ({
     ...props
 }: SlotProps) => {
     return (
-        <Flex className={b('slot', {indent}, className)} {...props}>
+        <Flex width={indent * 16} className={b('slot', className)} {...props}>
             {children}
         </Flex>
     );