[Vuejs]-My q-btn elements are not rendering appropriately in Quasar

I have discovered the error. It turns out that there was a clashing style in my application

.q-btn__wrapper {
  background-color: $primary-white;
}

This style overrode the background-color of the q-btn components.