How to change ngx bootstrap modal width? : <p>How can I set the width to my ngx bootstrap modal, I've tried but like It is fixed?</p>

<p>Here's the html </p>

<pre><code>    &lt;div bsModal #childModal="bs-modal" class="modal fade" tabindex="-1" 
     role="dialog" [config]="{backdrop: 'static'}" aria-hidden="true"&gt;
    &lt;div class="modal-dialog modal-sm"&gt;
    &lt;div class="modal-content"&gt;
        &lt;div class="modal-body text-center"&gt;
            &lt;button type="button" class="close" data-dismiss="modal" aria-
    label="Close" (click)="hide()"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
     &lt;/button&gt;
            &lt;h4 class="modal-title" id="myModalLabel"&gt;Are you sure?&lt;/h4&gt;
            &lt;div class="modal-footer"&gt;
                &lt;div class="col-xs-6 no-padding-left"&gt;
                    &lt;button type="button" id="dialog_no" class="btn btn-
        default btn-block" data-dismiss="modal" (click)="hide()"&gt;No&lt;/button&gt;
                &lt;/div&gt;
                &lt;div class="col-xs-6 no-padding-right"&gt;
                    &lt;button type="button" id="dialog_yes" class="btn btn-
     primary btn-block ladda-button" data-style="expand-right" 
     (click)="confirm()"&gt;Yes&lt;/button&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt; 
    &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
</code></pre>

<p>How can I set the width of the modal for buttons to be placed just on the edge of the modal, with lets say 5 px of border margin?</p>

<p><a href="https://i.stack.imgur.com/bm8ff.png" rel="noreferrer">modal bootstrap</a></p>

<p>I haven't put any styling yet in my css file, even tho I've tried to modify the width but didn't I guess know how...</p>
