From 4c53cdb75714e3aa2403430768bfabc55630499a Mon Sep 17 00:00:00 2001
From: zzman <43282255+GermanVor@users.noreply.github.com>
Date: Mon, 24 Jul 2023 15:39:22 +0200
Subject: [PATCH] fix: add menu-item-content-children class name (#838)

---
 src/components/DropdownMenu/DropdownMenu.scss    | 4 ++++
 src/components/DropdownMenu/DropdownMenuItem.tsx | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/DropdownMenu/DropdownMenu.scss b/src/components/DropdownMenu/DropdownMenu.scss
index 2ab5263533..fb9dd8d087 100644
--- a/src/components/DropdownMenu/DropdownMenu.scss
+++ b/src/components/DropdownMenu/DropdownMenu.scss
@@ -24,6 +24,10 @@ $block: '.#{variables.$ns}dropdown-menu';
         gap: 16px;
     }
 
+    &__menu-item-content-children {
+        flex: auto;
+    }
+
     &__menu-item-chevron {
         transform: rotate(-90deg);
     }
diff --git a/src/components/DropdownMenu/DropdownMenuItem.tsx b/src/components/DropdownMenu/DropdownMenuItem.tsx
index f18c9077e0..d926eaced4 100644
--- a/src/components/DropdownMenu/DropdownMenuItem.tsx
+++ b/src/components/DropdownMenu/DropdownMenuItem.tsx
@@ -100,7 +100,9 @@ export const DropdownMenuItem = <T,>({
                 onClick={handleMenuItemClick}
             >
                 <div className={cnDropdownMenu('menu-item-content')}>
-                    <div>{text || children}</div>
+                    <div className={cnDropdownMenu('menu-item-content-children')}>
+                        {text || children}
+                    </div>
                     {hasSubmenu && (
                         <Icon
                             data={Chevron}