Updates to bootstrap/select2

resources/views/components/form/select.blade.php

@@ -1,6 +1,6 @@
 <x-form.base {{ $attributes }}>
 	<input type="hidden" id="{{ $name }}_disabled" name="{{ $name }}" value="" disabled>
-	<select style="width: 80%;" class="form-select @error((! empty($old)) ? $old : $name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" @required(isset($required)) @disabled(isset($disabled))>
+	<select class="form-select @error((! empty($old)) ? $old : $name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" @required(isset($required)) @disabled(isset($disabled))>
 		@if(empty($value) || isset($addnew) || isset($choose))
 			<option value=""></option>
 			@isset($addnew)
@@ -47,14 +47,16 @@
 
 		$(document).ready(function() {
 			$('#{{ $id ?? $name }}').select2({
+				theme: 'bootstrap-5',
 				dropdownAutoWidth: true,
 				width: 'style',
+				allowClear: true,
+				placeholder: '',
 				@isset($addvalues)
 				tags: true,
 				@isset($placeholder)
-					placeholder: '{{ $placeholder ?? '' }}',
+					placeholder: '{{ $placeholder }}',
 				@endisset
-				allowClear: true,
 				@endisset
 			});
 		});