updated to cards ui