track buttons

app/components/SimpleEditor/css/toolBar.scss

 $white: #fff;
-
+$black: #000;
 // track changes
 $inactive-grey: #404040;
 $active-blue: #4990e2;
@@ -28,7 +28,8 @@ $toolbar-active-bg: rgba(204, 204, 204, .75);
     .sm-target-track-change-enable {
       button {
         background-color: transparent;
-        border: 0;
+        border: 1px solid $black;
+        border-radius: 4px;
         color: $inactive-grey;
         line-height: 0;
         outline: none;
@@ -41,9 +42,11 @@ $toolbar-active-bg: rgba(204, 204, 204, .75);
       }
 
       .track-changes-active {
-        color: $active-blue;
+        background-color: $blue;
+        border-color: $blue;
+        color: $white;
         padding: 0 10px;
-        text-decoration: underline;
+        text-decoration: none;
 
        &:after {
            content: 'Recording Changes';
@@ -56,7 +59,8 @@ $toolbar-active-bg: rgba(204, 204, 204, .75);
 
       button {
         background-color: transparent;
-        border: 0;
+        border: 1px solid $black;
+        border-radius: 4px;
         color: $inactive-grey;
         cursor: pointer;
         line-height: 0;
@@ -70,9 +74,11 @@ $toolbar-active-bg: rgba(204, 204, 204, .75);
       }
 
       .track-changes-view-active {
-        color: $active-blue;
+        background-color: $blue;
+        border-color: $blue;
+        color: $white;
         padding: 0 19px;
-        text-decoration: underline;
+        text-decoration: none;
       }
 
       .track-changes-view-active::after {