diff --git a/frontend/less/espo/elements/dropdown.less b/frontend/less/espo/elements/dropdown.less
index 33da8fd66e..6989f75424 100644
--- a/frontend/less/espo/elements/dropdown.less
+++ b/frontend/less/espo/elements/dropdown.less
@@ -36,12 +36,13 @@
 .selectize-dropdown,
 .selectize-dropdown.form-control,
 .autocomplete-suggestions,
-.ui-timepicker-wrapper,
+.ui-timepicker-wrapper {
+    .dropdown-border();
+}
+
+// Separately intentionally as this one is not supported in FF.
 select.form-control::picker(select) {
-    border: var(--dropdown-border-width) solid var(--dropdown-border);
-    box-shadow: var(--dropdown-box-shadow);
-    border-radius: var(--dropdown-border-radius);
-    border-width: var(--dropdown-border-width);
+    .dropdown-border();
 }
 
 .popover {
diff --git a/frontend/less/espo/mixins.less b/frontend/less/espo/mixins.less
index 29e861a361..726a22fc6e 100644
--- a/frontend/less/espo/mixins.less
+++ b/frontend/less/espo/mixins.less
@@ -213,3 +213,10 @@
         border-bottom-right-radius: var(--panel-border-radius);
     }
 }
+
+.dropdown-border() {
+    border: var(--dropdown-border-width) solid var(--dropdown-border);
+    box-shadow: var(--dropdown-box-shadow);
+    border-radius: var(--dropdown-border-radius);
+    border-width: var(--dropdown-border-width);
+}