diff --git a/Assets/settings-search-index.json b/Assets/settings-search-index.json
index c431aed9c..0ea47d13d 100644
--- a/Assets/settings-search-index.json
+++ b/Assets/settings-search-index.json
@@ -308,7 +308,7 @@
   {
     "labelKey": "panels.bar.appearance-margins-vertical",
     "descriptionKey": null,
-    "widget": "NValueSlider",
+    "widget": "NSpinBox",
     "tab": 4,
     "tabLabel": "panels.bar.title",
     "subTab": 0,
@@ -317,7 +317,7 @@
   {
     "labelKey": "panels.bar.appearance-margins-horizontal",
     "descriptionKey": null,
-    "widget": "NValueSlider",
+    "widget": "NSpinBox",
     "tab": 4,
     "tabLabel": "panels.bar.title",
     "subTab": 0,
diff --git a/Modules/Panels/Settings/Tabs/Bar/AppearanceSubTab.qml b/Modules/Panels/Settings/Tabs/Bar/AppearanceSubTab.qml
index ff4099846..2f59ee9af 100644
--- a/Modules/Panels/Settings/Tabs/Bar/AppearanceSubTab.qml
+++ b/Modules/Panels/Settings/Tabs/Bar/AppearanceSubTab.qml
@@ -302,52 +302,28 @@ ColumnLayout {
       Layout.fillWidth: true
       spacing: Style.marginL
 
-      Timer {
-        id: marginVerticalTimer
-        interval: 150
-        property int pendingValue
-        onTriggered: Settings.data.bar.marginVertical = pendingValue
-      }
-
-      Timer {
-        id: marginHorizontalTimer
-        interval: 150
-        property int pendingValue
-        onTriggered: Settings.data.bar.marginHorizontal = pendingValue
-      }
-
-      NValueSlider {
-        id: marginVertical
-        Layout.fillWidth: true
+      NSpinBox {
         label: I18n.tr("panels.bar.appearance-margins-vertical")
         from: 0
         to: 500
-        stepSize: 1
-        showReset: true
+        suffix: "px"
         value: Settings.data.bar.marginVertical
         defaultValue: Settings.getDefaultValue("bar.marginVertical")
-        onMoved: value => {
-                   marginVerticalTimer.pendingValue = value;
-                   marginVerticalTimer.restart();
-                 }
-        text: Settings.data.bar.marginVertical + "px"
+        onValueChanged: Settings.data.bar.marginVertical = value
       }
 
-      NValueSlider {
-        id: marginHorizontal
+      Item {
         Layout.fillWidth: true
+      }
+
+      NSpinBox {
         label: I18n.tr("panels.bar.appearance-margins-horizontal")
         from: 0
         to: 500
-        stepSize: 1
-        showReset: true
+        suffix: "px"
         value: Settings.data.bar.marginHorizontal
         defaultValue: Settings.getDefaultValue("bar.marginHorizontal")
-        onMoved: value => {
-                   marginHorizontalTimer.pendingValue = value;
-                   marginHorizontalTimer.restart();
-                 }
-        text: Settings.data.bar.marginHorizontal + "px"
+        onValueChanged: Settings.data.bar.marginHorizontal = value
       }
     }
   }