diff --git a/app/css/main.css b/app/css/main.css
index bdef017..8695d16 100644
--- a/app/css/main.css
+++ b/app/css/main.css
@@ -49,6 +49,10 @@ body {
   margin-top: 5px;
 }
 
+#console > p:hover {
+  background-color: #eee;
+}
+
 #console {
     /*font-family: "Courier New", Courier, monospace;*/
     font-family: "Lucida Console", Monaco, monospace;
diff --git a/app/index.html b/app/index.html
index a4581dd..3208250 100644
--- a/app/index.html
+++ b/app/index.html
@@ -364,9 +364,8 @@
               <div class="cell">
                 <nav data-role="ribbonmenu" class="mt-2">
                   <ul class="tabs-holder ml-17">
-                    <li onclick="mmMode();"><a href="#tab-mm">mm-mode</a></li>
-                    <li onclick="inMode();"><a href="#tab-inch">inch-mode</a></li>
-
+                    <li onclick="mmMode();"><a id="mmMode" href="#tab-mm">mm-mode</a></li>
+                    <li onclick="inMode();"><a id="inMode" href="#tab-inch">inch-mode</a></li>
                   </ul>
                 </nav>
                 <table class="drotable mt-2">
diff --git a/app/js/jog.js b/app/js/jog.js
index 6fffc74..c050035 100644
--- a/app/js/jog.js
+++ b/app/js/jog.js
@@ -3,8 +3,22 @@ var jogdist = 10;
 var safeToUpdateSliders = true;
 
 
+
+$(document).ready(function() {
+  if (localStorage.getItem('unitsMode')) {
+    if (localStorage.getItem('unitsMode') == ' mm') {
+      mmMode()
+      $('#mmMode').click()
+    } else if (localStorage.getItem('unitsMode') == ' in') {
+      inMode();
+      $('#inMode').click()
+    }
+  }
+});
+
 function mmMode() {
   unit = ' mm';
+  localStorage.setItem('unitsMode', unit);
   $('#dist01label').html('0.1mm')
   $('#dist1label').html('1mm')
   $('#dist10label').html('10mm')
@@ -25,6 +39,7 @@ function mmMode() {
 
 function inMode() {
   unit = ' in';
+  localStorage.setItem('unitsMode', unit);
   $('#dist01label').html('0.01"')
   $('#dist1label').html('0.1"')
   $('#dist10label').html('1"')