This can be fixed by using "width: style" instead

daftspunk · daftspunk · commit 3baa7a128d2e · 2015-07-15T16:47:25.000+10:00
diff --git a/assets/ui/js/select.js b/assets/ui/js/select.js
@@ -37,7 +37,8 @@
         var selectOptions = {
             templateResult: formatSelectOption,
             templateSelection: formatSelectOption,
-            escapeMarkup: function(m) { return m }
+            escapeMarkup: function(m) { return m },
+            width: 'style'
         }
 
         /*
diff --git a/assets/ui/less/form.less b/assets/ui/less/form.less
@@ -370,19 +370,15 @@ body.slim-container {
 }
 
 //
-// Select2 
+// Select2
 //
 
-.form-group .select2-container {
-    width: 100%!important;
-}
-
 .select2-container--default .select2-selection--single .select2-selection__arrow b {
     border: none;
 }
 
 .select2-dropdown {
-    z-index: 10000; 
+    z-index: 10000;
 }
 
 //

Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,8 @@`
`37`	`37`	`var selectOptions = {`
`38`	`38`	`templateResult: formatSelectOption,`
`39`	`39`	`templateSelection: formatSelectOption,`
`40`		`- escapeMarkup: function(m) { return m }`
	`40`	`+ escapeMarkup: function(m) { return m },`
	`41`	`+ width: 'style'`
`41`	`42`	`}`
`42`	`43`
`43`	`44`	`/*`
Original file line number	Diff line number	Diff line change
`@@ -370,19 +370,15 @@ body.slim-container {`
`370`	`370`	`}`
`371`	`371`
`372`	`372`	`//`
`373`		`-// Select2`
	`373`	`+// Select2`
`374`	`374`	`//`
`375`	`375`
`376`		`-.form-group .select2-container {`
`377`		`- width: 100%!important;`
`378`		`-}`
`379`		`-`
`380`	`376`	`.select2-container--default .select2-selection--single .select2-selection__arrow b {`
`381`	`377`	`border: none;`
`382`	`378`	`}`
`383`	`379`
`384`	`380`	`.select2-dropdown {`
`385`		`- z-index: 10000;`
	`381`	`+ z-index: 10000;`
`386`	`382`	`}`
`387`	`383`
`388`	`384`	`//`