diff --git a/js/lib/components/Dropdown.js b/js/lib/components/Dropdown.js
index c52691099..c17d96745 100644
--- a/js/lib/components/Dropdown.js
+++ b/js/lib/components/Dropdown.js
@@ -25,7 +25,7 @@ export default class Dropdown extends Component {
     props.buttonClassName = props.buttonClassName || '';
     props.contentClassName = props.contentClassName || '';
     props.label = props.label || app.trans('core.controls');
-    props.caretIcon = typeof props.caretIcon !== 'undefined' ? props.caretIcon : 'sort';
+    props.caretIcon = typeof props.caretIcon !== 'undefined' ? props.caretIcon : 'caret-down';
   }
 
   view() {
diff --git a/js/lib/components/SelectDropdown.js b/js/lib/components/SelectDropdown.js
index ec785c70b..5cc94de31 100644
--- a/js/lib/components/SelectDropdown.js
+++ b/js/lib/components/SelectDropdown.js
@@ -13,10 +13,11 @@ import icon from 'flarum/helpers/icon';
  */
 export default class SelectDropdown extends Dropdown {
   static initProps(props) {
+    props.caretIcon = typeof props.caretIcon !== 'undefined' ? props.caretIcon : 'sort';
+
     super.initProps(props);
 
     props.className += ' Dropdown--select';
-    props.caretIcon = props.caretIcon || 'sort';
   }
 
   getButtonContent() {