redisign with material ui