Trying to increase Widget border size in Pagebuilder

Hi,
I am trying to increase the widget border of the maroon box in the middle of the page. I named the class “tipbox-widget-class” and I used the Custom CSS to change it to

.tipbox-widget-class.panel-widget-style {

  border-color: #000000;

  border-width: 5px;

  border-style: solid;

} 

But this is what I see in the html. when I use Google Chrome :

<div class="tipbox-widget-class panel-widget-style" style="border: 5px;background-color:#6f2234;color: #0099cc;">

And it’s still not showing any border when I look at the webpage. If I use the border function in pagebuilder it only sets it at 1px and I wasn’t able to change that either. Thanks for your help!

URL: http://www.bestmatetipping.co.uk