diff --git a/libs/components/src/lib/components/ClanLimitModal/ClanLimitModal.tsx b/libs/components/src/lib/components/ClanLimitModal/ClanLimitModal.tsx
index a098619271..444f6a7363 100644
--- a/libs/components/src/lib/components/ClanLimitModal/ClanLimitModal.tsx
+++ b/libs/components/src/lib/components/ClanLimitModal/ClanLimitModal.tsx
@@ -1,5 +1,6 @@
import { useEscapeKeyClose } from '@mezon/core';
import { resetClanLimitModalTrigger, useAppDispatch, useAppSelector } from '@mezon/store';
+import { generateE2eId } from '@mezon/utils';
import { useCallback, useEffect, useRef, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useModal } from 'react-modal-hook';
@@ -51,7 +52,12 @@ const ClanLimitModalContent = ({ type, clanCount, onClose }: ClanLimitModalProps
e.stopPropagation()}>
-
{title}
+
+ {title}
+
{bodyText}
diff --git a/libs/components/src/lib/components/ModalListClans/index.tsx b/libs/components/src/lib/components/ModalListClans/index.tsx
index 75bebc4225..8777a873ec 100644
--- a/libs/components/src/lib/components/ModalListClans/index.tsx
+++ b/libs/components/src/lib/components/ModalListClans/index.tsx
@@ -69,6 +69,7 @@ const SidebarClanItem = ({ option, active, onMouseDown, className = '', onClanCl
data-id={option?.id}
className={`relative h-[40px] ${className}`}
title={option?.clan_name}
+ data-e2e={generateE2eId('clan_page.side_bar.clan_item')}
>