将边框的宽度扩展到div之外

Question

div的边界没有完全覆盖该div，如下图所示。应该可以覆盖整个div。

 <div class="factor animated slide border">
       <div class="factor-name">
          <div>
            <!-- <img [src]="factor?.icon_url" style="height:30px;width:30px;">&nbsp; -->
            <label>Set All Rating Parameters</label>
            <div class="tooltip" style="display: inline;">
              <i class="fa fa-question" style="width: 15px;
                height: 15px;
                padding: 2px 0 0 4px;opacity:0.7;
                float: right;color:white;background-color: var(--primarycolor);border-radius: 50%;"></i>
              <span class="tooltiptext">Set All Rating Parameters</span>
             </div>
           </div>
         </div>

      <div class="wrapper" id="wrapper">
        <div class="wrap">
            <input  name="range" type="range" class="range-slider__range" [(ngModel)]="masterRangeslider" 
            [ngStyle]="{ 'background': 'linear-gradient(90deg, hsl('+ (10 * masterRangeslider) +', 90%, 50%) '+ (10 * masterRangeslider) +'%, #d7dcdf 0%)'  }"
                  min="0" max="10" (change)="onDefaultSliderChange()">
            <div class="rating" [ngStyle]="{ 'left': ((10 * masterRangeslider) - 3) + '%' }">{{masterRangeslider}}</div>
        </div>
       <b>{{masterRangeslider || 0}}/10</b> 
      </div>
    </div>

stackblitz link