diff --git a/core/frontend/src/components/parameter-editor/ParameterCheckbox.vue b/core/frontend/src/components/parameter-editor/ParameterCheckbox.vue
new file mode 100644
index 0000000000..83eb1b6c5f
--- /dev/null
+++ b/core/frontend/src/components/parameter-editor/ParameterCheckbox.vue
@@ -0,0 +1,112 @@
+<template>
+  <div class="d-flex align-center">
+    <div class="flex-grow-1">
+      <v-checkbox
+        v-model="internal_value"
+        dense
+        hide-details
+        :indeterminate="waiting_for_param_update"
+        :label="label ?? param?.name ?? 'Parameter not found'"
+        :true-value="checkedValue"
+        :false-value="uncheckedValue"
+        @change="onCheckboxChange"
+      />
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue, { PropType } from 'vue'
+
+import mavlink2rest from '@/libs/MAVLink2Rest'
+import autopilot_data from '@/store/autopilot'
+import Parameter from '@/types/autopilot/parameter'
+
+export default Vue.extend({
+  name: 'ParameterCheckbox',
+  model: {
+    prop: 'value',
+    event: 'change',
+  },
+  props: {
+    param: {
+      type: Object as PropType<Parameter>,
+      required: true,
+    },
+    label: {
+      type: String as PropType<string | undefined>,
+      default: undefined,
+    },
+    checkedValue: {
+      type: Number,
+      default: 1,
+    },
+    uncheckedValue: {
+      type: Number,
+      default: 0,
+    },
+  },
+  data() {
+    return {
+      internal_value: undefined as number | undefined,
+      last_sent_value: undefined as number | undefined,
+    }
+  },
+  computed: {
+    waiting_for_param_update(): boolean {
+      // Don't show loading state if the value was just set and we're waiting for vehicle to catch up
+      if (!this.last_sent_value || this.param_value === this.last_sent_value) {
+        return false
+      }
+      return this.param?.value !== this.internal_value
+    },
+    param_value(): number {
+      return this.param?.value ?? this.uncheckedValue
+    },
+  },
+  watch: {
+    param(newParam) {
+      if (newParam) {
+        this.internal_value = newParam.value
+      }
+    },
+    param_value() {
+      if (this.last_sent_value === undefined) {
+        this.internal_value = this.param_value
+      }
+    },
+  },
+  mounted() {
+    this.internal_value = this.param?.value ?? this.uncheckedValue
+  },
+  methods: {
+    onCheckboxChange(value: number): void {
+      if (this.param_value === value) {
+        return
+      }
+      this.internal_value = value
+      this.saveEditedParam()
+    },
+
+    async saveEditedParam(): Promise<void> {
+      if (this.param_value === this.internal_value) {
+        return
+      }
+      if (this.param === undefined || this.internal_value === undefined) {
+        return
+      }
+      if (this.param?.rebootRequired) {
+        autopilot_data.setRebootRequired(true)
+      }
+      this.last_sent_value = this.internal_value
+
+      await mavlink2rest.setParam(
+        this.param.name,
+        this.internal_value,
+        autopilot_data.system_id,
+        this.param.paramType.type,
+      )
+    },
+  },
+})
+</script>
diff --git a/core/frontend/src/components/parameter-editor/ServoFunctionEditorDialog.vue b/core/frontend/src/components/parameter-editor/ServoFunctionEditorDialog.vue
index 791f8c6434..ba58d2a74f 100644
--- a/core/frontend/src/components/parameter-editor/ServoFunctionEditorDialog.vue
+++ b/core/frontend/src/components/parameter-editor/ServoFunctionEditorDialog.vue
@@ -15,14 +15,26 @@
           <v-icon>mdi-close</v-icon>
         </v-btn>
       </v-card-title>
-
       <v-card-text>
-        <inline-parameter-editor
-          :auto-set="true"
-          :label="param.name"
-          :param="param"
-        />
-
+        <v-row>
+          <v-col cols="6">
+            <inline-parameter-editor
+              :auto-set="true"
+              :label="param.name"
+              :param="param"
+            />
+          </v-col>
+          <v-col cols="6">
+            <parameter-checkbox
+              :param="reverse_param"
+              label="Reverse Direction"
+              :checked-value="1"
+              :unchecked-value="0"
+            />
+          </v-col>
+        </v-row>
+      </v-card-text>
+      <v-card-text>
         <v-card class="mt-4 mb-4">
           <v-card-text>
             <div class="d-flex align-center mb-4">
@@ -150,6 +162,7 @@ import autopilot from '@/store/autopilot'
 import Parameter from '@/types/autopilot/parameter'
 
 import InlineParameterEditor from './InlineParameterEditor.vue'
+import ParameterCheckbox from './ParameterCheckbox.vue'
 
 type ParamType = 'min' | 'trim' | 'max'
 type ParamValueKey = 'minValue' | 'trimValue' | 'maxValue'
@@ -167,6 +180,7 @@ export default Vue.extend({
   name: 'ServoFunctionEditorDialog',
   components: {
     InlineParameterEditor,
+    ParameterCheckbox,
   },
   model: {
     prop: 'value',
@@ -202,6 +216,9 @@ export default Vue.extend({
     min_param(): Parameter | undefined {
       return this.getParamByType('_MIN')
     },
+    reverse_param(): Parameter | undefined {
+      return this.getParamByType('_REVERSED')
+    },
     minPercent(): number {
       return this.calculatePercentage(this.minValue)
     },