diff --git a/src/js/tabs/configuration.js b/src/js/tabs/configuration.js
index bc7efb6e..69a79feb 100644
--- a/src/js/tabs/configuration.js
+++ b/src/js/tabs/configuration.js
@@ -239,7 +239,16 @@ TABS.configuration.initialize = function (callback, scrollPosition) {
         var dshotBeeper_e = $('.tab-configuration .dshotbeeper');
         var dshotBeacon_e = $('.tab-configuration .dshotbeacon');
         var dshotBeeperSwitch = $('#dshotBeeperSwitch');
-        var dshotBeeperBeaconTone = $('#dshotBeeperBeaconTone');
+        var dshotBeeperBeaconTone = $('select.dshotBeeperBeaconTone');
+
+        if (semver.gte(CONFIG.apiVersion, "1.37.0")) {
+            for (var i = 1; i <= 5; i++) {
+                dshotBeeperBeaconTone.append('<option value="' + (i) + '">'+ (i) + '</option>');
+            }
+            dshotBeeper_e.show();
+        } else {
+            dshotBeeper_e.hide();
+        }
 
         dshotBeeperSwitch.change(function() {
             if ($(this).is(':checked')) {
@@ -260,12 +269,6 @@ TABS.configuration.initialize = function (callback, scrollPosition) {
         dshotBeeperBeaconTone.val(BEEPER_CONFIG.dshotBeaconTone);
         dshotBeeperSwitch.prop('checked', BEEPER_CONFIG.dshotBeaconTone !== 0).change();
 
-        if (semver.gte(CONFIG.apiVersion, "1.37.0")) {
-            dshotBeeper_e.show();
-        } else {
-            dshotBeeper_e.hide();
-        }
-
         // Analog Beeper
         var template = $('.beepers .beeper-template');
         var destination = $('.beepers .beeper-configuration');
diff --git a/src/tabs/configuration.html b/src/tabs/configuration.html
index 287b3e25..5ed47faa 100644
--- a/src/tabs/configuration.html
+++ b/src/tabs/configuration.html
@@ -703,9 +703,12 @@
                                         </tr>
                                         <tr class="dshotbeacon">
                                             <td>
-                                                <div class="number">
+                                                <div class="select">
                                                     <div style="float: left; height: 20px; margin-right: 10px;">
-                                                        <input type="number" id="dshotBeeperBeaconTone" step="1" min="1" max="5" />
+                                                        <select class="dshotBeeperBeaconTone">
+                                                            <option value="0" hidden></option>
+                                                            <!-- list generated here --> 
+                                                        </select>
                                                     </div>
                                                     <label for="dshotBeeperBeaconTone">
                                                         <span i18n="configurationDshotBeaconTone"></span>