JQuery Select2 dropdown options exceed container width

I have a select2 that is in a bootstrap column. When the select is opened and the options are showing, the option list is wider than the bootstrap column the select is contained in. This is because the select options are rendered as a div at the bottom of .

Is there a way to force the options list to respect the width of the bootstrap column (original input parent)? I don't want to use Js if possible, since this is a wide issue and it would be impossible to manually set the width with Js everywhere it's happening.

I am setting width: 100% on the select, but that doesn't affect the options list.

JSFiddle: https://jsfiddle.net/29x8veh0/