diff --git a/src/components/proxy/proxy-render.tsx b/src/components/proxy/proxy-render.tsx
index f0d197fdd823ad58fa12f79d8d5486e7037f5668..07d0745a7e37da3e17063e6e78701a62411f5627 100644
--- a/src/components/proxy/proxy-render.tsx
+++ b/src/components/proxy/proxy-render.tsx
@@ -1,8 +1,8 @@
 import {
   alpha,
   Box,
-  ListItem,
   ListItemText,
+  ListItemButton,
   Typography,
   styled,
 } from "@mui/material";
@@ -33,8 +33,7 @@ export const ProxyRender = (props: RenderProps) => {
 
   if (type === 0) {
     return (
-      <ListItem
-        button
+      <ListItemButton
         dense
         onClick={() => onHeadState(group.name, { open: !headState?.open })}
       >
@@ -58,7 +57,7 @@ export const ProxyRender = (props: RenderProps) => {
           }}
         />
         {headState?.open ? <ExpandLessRounded /> : <ExpandMoreRounded />}
-      </ListItem>
+      </ListItemButton>
     );
   }