diff --git a/app/components/SimpleEditor/SimpleEditor.scss b/app/components/SimpleEditor/SimpleEditor.scss
index 98652dd0fa6a7ac7d28386b50b9aa83bc05c0333..2b41879b9e811a66105a564522dd2b264f788731 100644
--- a/app/components/SimpleEditor/SimpleEditor.scss
+++ b/app/components/SimpleEditor/SimpleEditor.scss
@@ -92,6 +92,45 @@ $white: #fff;
       border-right: 1px solid $border;
       padding: 0 9px;
     }
+    .sm-target-insert {
+      border-right: 1px solid $border;
+    }
+    .sm-target-track-change-enable {
+      border-right: 1px solid $border;
+        &:before {
+          bottom: 14px;
+          content: 'Track Changes';
+          font-size: 11px;
+          left: 24%;
+          position: relative;
+        }
+
+      i {
+        display: none;
+      }
+
+      button {
+        cursor: pointer;
+        position: relative;
+        top: 10px;
+        right: 50%;
+      }
+
+      button::after {
+        content: 'Record';
+      }
+    }
+
+
+    .sm-target-track-change-toggle-view {
+      cursor: pointer;
+      i {
+        display: none;
+      }
+      button::after {
+        content: 'View is On';
+      }
+    }
 
     .sc-tool-group {
       .sc-button {
diff --git a/app/components/SimpleEditor/elements/track_change/TrackChangeControlTool.js b/app/components/SimpleEditor/elements/track_change/TrackChangeControlTool.js
new file mode 100644
index 0000000000000000000000000000000000000000..efd24c85e069b09e94585b77886c7c118dc3efae
--- /dev/null
+++ b/app/components/SimpleEditor/elements/track_change/TrackChangeControlTool.js
@@ -0,0 +1,7 @@
+import { AnnotationTool } from 'substance'
+
+class TrackChangeControlTool extends AnnotationTool {}
+
+TrackChangeControlTool.type = 'track-change-enable'
+
+export default TrackChangeControlTool
diff --git a/app/components/SimpleEditor/elements/track_change/TrackChangeControlViewTool.js b/app/components/SimpleEditor/elements/track_change/TrackChangeControlViewTool.js
new file mode 100644
index 0000000000000000000000000000000000000000..530b82be55b6174f5f3580f3e447380c0d199064
--- /dev/null
+++ b/app/components/SimpleEditor/elements/track_change/TrackChangeControlViewTool.js
@@ -0,0 +1,7 @@
+import { AnnotationTool } from 'substance'
+
+class TrackChangeControlViewTool extends AnnotationTool {}
+
+TrackChangeControlViewTool.type = 'track-change-toggle-view'
+
+export default TrackChangeControlViewTool
diff --git a/app/components/SimpleEditor/elements/track_change/TrackChangePackage.js b/app/components/SimpleEditor/elements/track_change/TrackChangePackage.js
index 0489d7eb041d0528dd15aa8e65fbe4e3e554f07a..7509cfbc427368dffdfb72522d9d0a95cbc5d04e 100644
--- a/app/components/SimpleEditor/elements/track_change/TrackChangePackage.js
+++ b/app/components/SimpleEditor/elements/track_change/TrackChangePackage.js
@@ -1,8 +1,9 @@
 import TrackChange from './TrackChange'
 import TrackChangeCommand from './TrackChangeCommand'
 import TrackChangeComponent from './TrackChangeComponent'
+import TrackChangeControlTool from './TrackChangeControlTool'
+import TrackChangeControlViewTool from './TrackChangeControlViewTool'
 // import TrackChangeHTMLConverter from './TrackChangeHTMLConverter'
-
 export default {
   name: 'track-change',
   configure: function (config) {
@@ -10,7 +11,12 @@ export default {
 
     config.addComponent(TrackChange.type, TrackChangeComponent)
     // config.addConverter('html', TrackChangeHTMLConverter)
-
+    config.addTool('track-change-enable', TrackChangeControlTool, {
+      target: 'track-change-enable'
+    })
+    config.addTool('track-change-toggle-view', TrackChangeControlViewTool, {
+      target: 'track-change-toggle-view'
+    })
     config.addCommand(TrackChange.type, TrackChangeCommand, { nodeType: TrackChange.type })
     config.addIcon('track-change', { 'fontawesome': 'fa-eye' })