Convert ellipse to circle CSS

Question

I am trying to make a circle that displays a number of selected documents in it. but instead, it created an ellipse.

Below code is creating ellipse

#selectionsReportOptions .option .total-selected-docs {
    color: white;
}

#selectionsReportOptions .option:not(.disabled) input:checked + label {
    border-color: #108a5a;
    box-shadow: 0 -3px 4px -2px #c7c7c7 inset, 1px 1px 3px 0px rgba(0, 0, 0, 0.4), 6px 0 0px 0px #108a5a inset, 0 0 0 1px rgba(16, 138, 90, 0.3) inset;
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#e9e9e9 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%,#e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e9e9e9',GradientType=0 );
}