diff --git a/src/app/(home)/_components/list-button.tsx b/src/app/(home)/_components/list-button.tsx
index 16d6d59..6f97500 100644
--- a/src/app/(home)/_components/list-button.tsx
+++ b/src/app/(home)/_components/list-button.tsx
@@ -43,8 +43,9 @@ export const ListButton = ({ id, name }: { id: number; name: string }) => {
     <Button
       variant="ghost"
       className="group w-full cursor-default justify-start"
+      asChild
     >
-      <>
+      <div>
         <Dot className="mr-2 h-4 w-4" />
         <Link
           href={`/list/${id}`}
@@ -67,7 +68,7 @@ export const ListButton = ({ id, name }: { id: number; name: string }) => {
             <DropdownMenuItem onClick={handleDelete}>Delete</DropdownMenuItem>
           </DropdownMenuContent>
         </DropdownMenu>
-      </>
+      </div>
     </Button>
   );
 };