promobox in sidebar

hello devs,
i put a promo box inside a text box in the sidebar of my blog. here’s the code i put in the widget:

<div class="av_promobox avia-button-yes  avia-builder-el-28  el_after_av_hr  avia-builder-el-last ">	<h4>EASY BACKUPS MADE SAFE.</h4>
CloudAlly provides online secured daily backups for Office 365, Google Apps, SharePoint,  Salesforce and more. 
Backup all your data online in one place..<br><br>
<div class="avia-button-wrap avia-button-center "><a href="" class="avia-button avia-icon_select-no avia-color-custom avia-size-large avia-position-center " style="background-color:#f3ae08; border-color:#f3ae08; color:#444444; "><span class="avia_button_icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Sign up now</span></a></div>	</div></div>

as a result, the other widget elements (i have search widget, recent posts widget, category widget) are loosing their left padding and now are sticking to the sidebar vertical line. how can i get them to be with the same padding they were prior to my adding the promo box?

p.s: this is not causing the problem, but i thought i might mention: in the quick css i put this code to make the button to be below the text (otherwise it is placed on top of the text):

.widget .av_promobox .avia-button-wrap .avia-button {
    float: none !important;
    position: static !important;
    margin-top: 0 !important;
}