diff --git a/packages/web/src/app/[lng]/(main)/grouping/components/GroupingCardList.client.tsx b/packages/web/src/app/[lng]/(main)/grouping/components/GroupingCardList.client.tsx
index 1022a4643..ece579f19 100644
--- a/packages/web/src/app/[lng]/(main)/grouping/components/GroupingCardList.client.tsx
+++ b/packages/web/src/app/[lng]/(main)/grouping/components/GroupingCardList.client.tsx
@@ -2,9 +2,11 @@
 import { useEffect } from 'react';
 import { useInView } from 'react-intersection-observer';
 
+import NoMeeting from '../../meeting/components/NoMeeting';
+
 import { useGetGroups } from '@/apis/groups';
+import { useTranslation } from '@/app/i18n/client';
 import { GroupingCard } from '@/components/Card';
-import { Empty } from '@/components/Empty';
 import { ItemList } from '@/components/List';
 import { useBlockStore } from '@/store/useBlockStore';
 
@@ -13,6 +15,7 @@ interface GroupingCardList {
 }
 
 export default function GroupingCardList({ lng }: GroupingCardList) {
+  const { t } = useTranslation('grouping');
   const { ref, inView } = useInView();
   const { blockGroupIds } = useBlockStore();
   const { data: groupList, fetchNextPage, hasNextPage } = useGetGroups();
@@ -28,7 +31,7 @@ export default function GroupingCardList({ lng }: GroupingCardList) {
         renderItem={(group) => {
           return !blockGroupIds.includes(group.groupId) && <GroupingCard groupingData={group} />;
         }}
-        renderEmpty={() => <Empty lng={lng} ns={'grouping'} message={'noGroup'} />}
+        renderEmpty={() => <NoMeeting message={t('noGroup')} />}
       />
       <div ref={ref} />
     </>
diff --git a/packages/web/src/components/Empty/Empty.tsx b/packages/web/src/components/Empty/Empty.tsx
index af8fe1998..a603d96ef 100644
--- a/packages/web/src/components/Empty/Empty.tsx
+++ b/packages/web/src/components/Empty/Empty.tsx
@@ -8,7 +8,7 @@ interface NoMeetingProps {
   lng: string;
   message: string;
 }
-export default async function NoMeeting({ lng, ns, message }: NoMeetingProps) {
+export default async function Empty({ lng, ns, message }: NoMeetingProps) {
   const { t } = await serverTranslation(lng, ns);
 
   return (