adjust layout

src/client/js/components/Admin/Customize/CustomizeFunctionSetting.jsx

@@ -111,7 +111,7 @@ class CustomizeBehaviorSetting extends React.Component {
               <label>{t('admin:customize_setting.function_options.recent_created__n_draft_num_desc')}</label>
             </div>
             <Dropdown isOpen={this.state.isDropdownOpen} toggle={this.onToggleDropdown}>
-              <DropdownToggle className="text-right col-9" caret>
+              <DropdownToggle className="text-right col-6" caret>
                 <span className="float-left">{adminCustomizeContainer.state.currentRecentCreatedLimit}</span>
               </DropdownToggle>
               {/* TODO adjust dropdown after BS4 */}

src/client/js/components/Admin/Customize/CustomizeHighlightSetting.jsx

@@ -96,7 +96,7 @@ class CustomizeHighlightSetting extends React.Component {
               <label>{t('admin:customize_setting.theme')}</label>
             </div>
             <Dropdown isOpen={this.state.isDropdownOpen} toggle={this.onToggleDropdown}>
-              <DropdownToggle className="text-right col-8" caret>
+              <DropdownToggle className="text-right col-6" caret>
                 <span className="float-left">{adminCustomizeContainer.state.currentHighlightJsStyleName}</span>
               </DropdownToggle>
               <DropdownMenu className="dropdown-menu" role="menu">