<div className="w-[100%] mt-4 flex flex-col items-center "> <Button variant="outlined" onClick={handleClickOpen} startIcon={<IoMdPersonAdd />} className="rounded-md md:max-w-52 text-xs" > <p className="text-xs"> Add Transaction</p> </Button> </div> make it like professional button this button is for adding new trasaction