Buttons not displaying properly in top bar

Hello.
I have been trying to add two buttons to the top bar, right side.
using the standard button widget, I get one on the right and one on the left of the top bar, which won’t work as I need them both on the right if possible.

Now I am trying the custom HTML widget with a WPbakery 50:50 row with 2 buttons
One button is fine, but the other displays the text on two lines.
I have tried changing padding or button style but I can’t get both buttons to display the same way.

I would appreciate any help to fix this.
Thank you.

This is the code I am using in the custom HTML widget:

[vc_row][vc_column width=”1/2″][vc_btn title=”Course Login” style=”outline” shape=”square” color=”white” size=”xs” align=”right” css=”” link=”url:https%3A%2F%2Fwww.healthandsafetymanager.ie%2Fstgjan2611111%2Fonline-training-login%2F”][/vc_column][vc_column width=”1/2″][vc_btn title=”Client Login” style=”outline” shape=”square” color=”white” size=”xs” align=”right” css=”” link=”url:https%3A%2F%2Fwww.healthandsafetymanager.ie%2Fstgjan2611111%2Fservices%2Fclient-area%2F”][/vc_column][/vc_row]