I have included the Bootstrap CDN in my project, and I am encountering an issue with a form that contains a dropdown box. The problem is that the legend tag is properly aligned to the left of the page, but the selector box is slightly indented towards the center. How can I adjust the selector box to align with the left side of the page so that it lines up with the legend tag?
<form class="form-horizontal" action="{{ url_for('db_selected') }}" name="Item_1" method="POST">
<fieldset>
<legend>Select a Database</legend>
<div class="form-group">
<label for="select" class="col-lg-2 control-label">Database:</label>
<select id="DB" class="form-control" name="Item_4" style="width: 70%" >
<option></option>
{% for item in coll_name %}
<option value="{{item}}">{{item}}</option>
{% endfor %}
</select>
<br>
</div>
<div class="form-group">
<div class="col-sm-10 col-lg-offset-2">
<button type="submit" class="btn btn-success">Submit</button>
</div>
</div>
</fieldset>
</form>