Style / Width looks weird

I’m trying to setup Select2 for the first time following the examples on this page, but the result is not going as expected, it looks really weird and glitchy:


	<link href="[email protected]/dist/css/select2.min.css" rel="stylesheet" />
	<script src=""></script>
	<script src="[email protected]/dist/js/select2.min.js"></script>
	<script src="main.js"></script>

	<select class="option1"></select>


var options1  = [
    {id: 0, text: "text1"},
    {id: 1, text: "text2"}

$(document).ready(function() {
		data: options1,
		placeholder: "Option 1",
		allowClear: true

any idea what might be going on?