Best Practices for Displaying Chosen Filters

I have two mock-ups of how a user's selected filters appear at the top of a Learning Center page. The first mock (filterboxes2.jpg) shows each filter in a box, with the category name in front of the item name. The second mock (filterSeparateLines.jpg) shows items filtered by category for organizational purposes. Our team thinks the first option makes the most sense, but wanted to get some other feedback and hear if anyone is aware of a best practice.