diff --git a/Dashboard/src/App.tsx b/Dashboard/src/App.tsx
index 28cef00..416772f 100644
--- a/Dashboard/src/App.tsx
+++ b/Dashboard/src/App.tsx
@@ -20,20 +20,24 @@ const App = () => {
     baudRate: 9600,
     autoOpen: false,
   });
-  const handler = () => {
-    // eslint-disable-next-line
-    port.write("off", (err) => {
-      if (err) {
-        return console.log("Error on write: ", err.message);
-      }
-      console.log("message written");
-    });
+  const sendIncreaseHandler = () => {
+    port.write("2i");
+  };
+  const sendDecreaseHandler = () => {
+    port.write("2d");
+  };
+  const sendToggleHandler = () => {
+    port.write("2t");
   };
 
   return (
     <div>
       <GlobalStyle />
-      <Knob increase={() => { console.log("inc"); }} decrease={() => { console.log("dec"); }} toggle={() => { console.log("togg"); }} />
+      <Knob
+        increase={sendIncreaseHandler}
+        decrease={sendDecreaseHandler}
+        toggle={sendToggleHandler}
+      />
       <button
         type="button"
         onClick={() => {
@@ -50,9 +54,6 @@ const App = () => {
       >
         close
       </button>
-      <button type="button" onClick={handler}>
-        send
-      </button>
       <button
         type="button"
         onClick={() => {
diff --git a/Dashboard/src/Components/Knob.tsx b/Dashboard/src/Components/Knob.tsx
index 2634403..af91e4c 100644
--- a/Dashboard/src/Components/Knob.tsx
+++ b/Dashboard/src/Components/Knob.tsx
@@ -3,7 +3,7 @@ import styled from "styled-components";
 import { remote } from "electron";
 
 const SvgHeight = 180;
-const steps = 10;
+const steps = 5;
 const accentColor = remote.systemPreferences.getAccentColor();
 
 const KnobSVG = styled.svg`