diff --git a/client/shared/components/AlphaContainer.tsx b/client/shared/components/AlphaContainer.tsx
index 82a15c45..4d721d2b 100644
--- a/client/shared/components/AlphaContainer.tsx
+++ b/client/shared/components/AlphaContainer.tsx
@@ -1,4 +1,4 @@
-import React, { Fragment, PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { useAlphaMode } from '../hooks/useAlphaMode';
 
 /**
@@ -9,7 +9,7 @@ export const AlphaContainer: React.FC<PropsWithChildren> = React.memo(
   (props) => {
     const { isAlphaMode } = useAlphaMode();
 
-    return isAlphaMode ? <Fragment>{props.children}</Fragment> : null;
+    return isAlphaMode ? <>{props.children}</> : null;
   }
 );
 AlphaContainer.displayName = 'AlphaContainer';
diff --git a/client/web/src/components/modals/GroupPanel/ModifyGroupPanel.tsx b/client/web/src/components/modals/GroupPanel/ModifyGroupPanel.tsx
index c80c8343..30b86e3c 100644
--- a/client/web/src/components/modals/GroupPanel/ModifyGroupPanel.tsx
+++ b/client/web/src/components/modals/GroupPanel/ModifyGroupPanel.tsx
@@ -8,7 +8,7 @@ import {
   useGroupPanelInfo,
   useEvent,
   ALL_PERMISSION,
-  DevContainer,
+  AlphaContainer,
 } from 'tailchat-shared';
 import { ModalWrapper } from '../../Modal';
 import { WebMetaForm } from 'tailchat-design';
@@ -65,7 +65,7 @@ export const ModalModifyGroupPanel: React.FC<{
         onSubmit={handleSubmit}
         extraProps={{
           suffixElement: (
-            <DevContainer>
+            <AlphaContainer>
               <CollapseView title={t('高级权限控制')} className="mb-2">
                 <AdvanceGroupPanelPermission
                   height={320}
@@ -89,7 +89,7 @@ export const ModalModifyGroupPanel: React.FC<{
                   }}
                 />
               </CollapseView>
-            </DevContainer>
+            </AlphaContainer>
           ),
         }}
       />