diff --git a/loleaflet/css/jsdialogs.css b/loleaflet/css/jsdialogs.css
index a6bf9ef81..29b176742 100644
--- a/loleaflet/css/jsdialogs.css
+++ b/loleaflet/css/jsdialogs.css
@@ -236,9 +236,37 @@ td.jsdialog > [id^='table-box'] {
 }
 
 /* listbox */
-
 .jsdialog.ui-listbox {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
 	min-width: 100px;
+	height: 32px;
+	line-height: normal;
+	font-size: 14px;
+	font-family: var(--jquery-ui-font);
+	border: 1px solid #CCC;
+	border-radius: 3px;
+	padding-right: 2em;
+	padding-left: 0.4em;
+	background-color: #F1F1F1;
+}
+
+.ui-listbox::-ms-expand {
+	display: none;
+}
+
+.ui-listbox-arrow {
+	content: '';
+	background: url('images/jquery-ui-lightness/ui-icons_222222_256x240.png') no-repeat #F1F1F1;
+	background-position: -67px -18px;
+	display: inline-block;
+	width: 11px;
+	height: 11px;
+	position: relative;
+	top: 1px;
+	left: -18px;
+	cursor: pointer;
 }
 
 /* Autofilter dropdown */
diff --git a/loleaflet/src/control/Control.JSDialogBuilder.js b/loleaflet/src/control/Control.JSDialogBuilder.js
index e7cfc7ad8..1c74e5ae0 100644
--- a/loleaflet/src/control/Control.JSDialogBuilder.js
+++ b/loleaflet/src/control/Control.JSDialogBuilder.js
@@ -1551,7 +1551,9 @@ L.Control.JSDialogBuilder = L.Control.extend({
 		title = builder._cleanText(title);
 
 		var listbox = L.DomUtil.create('select', builder.options.cssClass + ' ui-listbox ', parentContainer);
+		var listboxArrow = L.DomUtil.create('span', builder.options.cssClass + ' ui-listbox-arrow', parentContainer);
 		listbox.id = data.id;
+		listboxArrow.id = 'listbox-arrow-' + data.id;
 
 		if (data.enabled === false || data.enabled === 'false')
 			listbox.disabled = 'disabled';