top and bottom put in navabar