diff --git a/components/team/TeamListItem.tsx b/components/team/TeamListItem.tsx
index 4333b9bb..03745e4d 100644
--- a/components/team/TeamListItem.tsx
+++ b/components/team/TeamListItem.tsx
@@ -137,15 +137,16 @@ export default function TeamListItem(props: {
                   </li>
                   <li className="text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900" role="menuitem">
                     <Dialog>
-                      <DialogTrigger
-                        as={Button}
-                        onClick={(e) => {
-                          e.stopPropagation();
-                        }}
-                        color="warn"
-                        StartIcon={TrashIcon}
-                        className="w-full">
-                        Disband Team
+                      <DialogTrigger asChild>
+                        <Button
+                          onClick={(e) => {
+                            e.stopPropagation();
+                          }}
+                          color="warn"
+                          StartIcon={TrashIcon}
+                          className="w-full">
+                          Disband Team
+                        </Button>
                       </DialogTrigger>
                       <ConfirmationDialogContent
                         variety="danger"