Button text not centered

[carrizo93]

I'm not sure why the first button's text is not centered. I believe it has something to do with the two buttons being next to each other in the code.

Code for the index.md file:

---
title: "Home"
summary: "Welcome to Nathan Kong's music blog!"
---
After listening to music (maybe a little too seriously) for 3 years, I've formed thoughts and opinions that I feel ready to share with the world. So, I created this blog to dump those thoughts and opinions somewhere. 

{{< button href="blog" target="_self" >}} Blogs {{< /button >}}

{{< button href="lists" target="_self" >}} Lists {{< /button >}}

Aside from listening to music, I build keyboards, collect stickers, and tinker with my computer. Learn more about me below!

{{< button href="about" target="_self" >}} About me {{< /button >}}