Best way to show macro progress on meal tracker app?

I'm building an app for both desktop and mobile users (so same design, but full width on mobile) to calculate/track meals based on one's own macros but I'm having some trouble finding the right way to design it.

What I'm trying to create is something very minimalist and uncluttered that allows the user to add meals and having it update carbs,fat,protein,fiber and calories in real time. This is what I've come up with for now:

and with a progress bar:

It looks off but I have no idea why, and I know other people interacting with this design would feel the same way. No idea if it's because of the spacing or else. What can I change to make it more pleasing to the eyes? I'm focusing on the macro design, so don't mind the still incomplete section where you're supposed to add meals. Although it's a rough example of what it will look like when it's finished, minus a few additions.