diff --git a/src/components/knob/Knob.vue b/src/components/knob/Knob.vue
index 81f7878ca..628769771 100644
--- a/src/components/knob/Knob.vue
+++ b/src/components/knob/Knob.vue
@@ -168,14 +168,14 @@ export default {
         onKeyDown(event) {
             if (!this.disabled && !this.readonly) {
                 switch (event.code) {
-                    case 'ArrowLeft':
+                    case 'ArrowRight':
                     case 'ArrowUp': {
                         event.preventDefault();
                         this.updateModelValue(this.modelValue + 1);
                         break;
                     }
 
-                    case 'ArrowRight':
+                    case 'ArrowLeft':
                     case 'ArrowDown': {
                         event.preventDefault();
                         this.updateModelValue(this.modelValue - 1);
diff --git a/src/views/knob/KnobDoc.vue b/src/views/knob/KnobDoc.vue
index 9ebe44cfa..c8a087fa5 100644
--- a/src/views/knob/KnobDoc.vue
+++ b/src/views/knob/KnobDoc.vue
@@ -241,7 +241,7 @@ data() {
                             <td>
                                 <span class="inline-flex flex-column">
                                     <i class="mb-1">left arrow</i>
-                                    <i>up arrow</i>
+                                    <i>down arrow</i>
                                 </span>
                             </td>
                             <td>Decrements the value.</td>
@@ -250,7 +250,7 @@ data() {
                             <td>
                                 <span class="inline-flex flex-column">
                                     <i class="mb-1">right arrow</i>
-                                    <i>down arrow</i>
+                                    <i>up arrow</i>
                                 </span>
                             </td>
                             <td>Increments the value.</td>