diff --git a/src/pages/_includes/ui/form/selectize.html b/src/pages/_includes/ui/form/selectize.html
index 85d0fb2972d95a9b4ee77e7ba3bc6876e6c18d19..9cd1d00ba061457d7de289a39c05805b7fd945af 100644
--- a/src/pages/_includes/ui/form/selectize.html
+++ b/src/pages/_includes/ui/form/selectize.html
@@ -7,7 +7,7 @@
 	{% if options == 'people' %}
 		{% for person in site.data.people limit: 20 %}
 		{% capture avatar %}
-			{% include ui/avatar.html person=person class="avatar-sm rounded mr-2 ml-n1" %}
+			{% include ui/avatar.html person=person class="avatar-xs rounded mr-2" %}
 		{% endcapture %}
 		<option value="{{ person.id }}" data-data='{"avatar": "{{ avatar | strip  | replace: '"', '\"' }}"}'{% if person.id == data.value %} selected{% endif %}>{{ person.full_name }}</option>
 		{% endfor %}
@@ -36,10 +36,10 @@
 			{% if key == "countries" %}
 			render: {
 				option: function (data, escape) {
-					return '<div class="option"><span class="flag flag-country-' + data.flag + ' mr-2 ml-n1"></span>' + escape(data.text) + '</div>';
+					return '<div class="option"><span class="flag flag-country-' + data.flag + ' mr-2"></span>' + escape(data.text) + '</div>';
 				},
 				item: function (data, escape) {
-					return '<div class="d-flex align-items-center"><span class="flag flag-country-' + data.flag + ' mr-2 ml-n1"></span>' + escape(data.text) + '</div>';
+					return '<div class="d-flex align-items-center"><span class="flag flag-country-' + data.flag + ' mr-2"></span>' + escape(data.text) + '</div>';
 				}
 			}
 			{% elsif key == "people" %}