diff --git a/web/app/cad/dom/components/SketcherToolbars.less b/web/app/cad/dom/components/SketcherToolbars.less
index 2a4c8574..e2418387 100644
--- a/web/app/cad/dom/components/SketcherToolbars.less
+++ b/web/app/cad/dom/components/SketcherToolbars.less
@@ -5,7 +5,7 @@
 }
 
 .sketcherToolbars > * {
-  margin-right: 5px;
+  margin: 5px 5px 5px 0;
   max-height: 100%;
   pointer-events: auto;
 }
diff --git a/web/app/cad/dom/components/View3d.less b/web/app/cad/dom/components/View3d.less
index 70eb8a5a..e27e6d34 100644
--- a/web/app/cad/dom/components/View3d.less
+++ b/web/app/cad/dom/components/View3d.less
@@ -64,7 +64,6 @@
 
 .middleRight {
   height: 100%;
-  margin: 5px 0;
 }
 
 .bottomStack {
diff --git a/web/app/cad/sketch/sketcherConstraintsActions.js b/web/app/cad/sketch/sketcherConstraintsActions.js
index 02a3bbd4..2da60cc4 100644
--- a/web/app/cad/sketch/sketcherConstraintsActions.js
+++ b/web/app/cad/sketch/sketcherConstraintsActions.js
@@ -211,6 +211,18 @@ export default [
       viewer.parametricManager.symmetry(viewer.selected, prompt);
     }
   },
+  {
+    id: 'sketchConstraint_mirror',
+    appearance: {
+      info: 'Mirror Objects off of a Line',
+      label: 'mirror',
+      cssIcons: ['star-half-o']
+    },
+    invoke: ({services}) => {
+      let viewer = services.sketcher.inPlaceEditor.viewer;
+      viewer.parametricManager.mirror(viewer.selected);
+    }
+  },
   {
     id: 'sketchConstraint_lockConvex',
     appearance: {
diff --git a/web/app/cad/sketch/sketcherUIContrib.js b/web/app/cad/sketch/sketcherUIContrib.js
index 82ef81b3..10547a3a 100644
--- a/web/app/cad/sketch/sketcherUIContrib.js
+++ b/web/app/cad/sketch/sketcherUIContrib.js
@@ -45,6 +45,7 @@ export default function ({services, streams}) {
     'sketchConstraint_pointInMiddle',
     'sketchConstraint_llAngle',
     'sketchConstraint_symmetry',
+    'sketchConstraint_mirror',
     'sketchConstraint_lockConvex'
   ];
   streams.ui.toolbars.sketcherControl.value = [
diff --git a/web/app/sketcher/system.js b/web/app/sketcher/system.js
index 212b69fd..6ea09bb8 100644
--- a/web/app/sketcher/system.js
+++ b/web/app/sketcher/system.js
@@ -184,7 +184,7 @@ export class System extends Index{
     let toMerge = Array.from(affectedSubsystems).sort((a, b) => a._internaOrder - b._internaOrder);
     let master;
     if (toMerge.length === 0 ) {
-      console.error("system has circular dependencies");
+      // console.error("system has circular dependencies");
       master = this.createSubSystem();
     } else {
       [master, ...toMerge] = toMerge;
diff --git a/web/sketcher.html b/web/sketcher.html
index 6a74250d..eba6ea7d 100644
--- a/web/sketcher.html
+++ b/web/sketcher.html
@@ -47,7 +47,6 @@
     <div id="right-toolbar" class="panel b-left scroll" style="width: 50px; float: right; height: 100%; ">
       <div style="width:50%; height: 2px"></div>
       <button class="btn rbtn act-coincident" style="background-image: url(img/coi.png);"></button>
-      <button class="btn rbtn act-mirrorConstraint" style="background-image: url(img/coi.png);"></button>
       <button class="btn rbtn act-verticalConstraint" style="background-image: url(img/vert.png);"></button>
       <button class="btn rbtn act-horizontalConstraint" style="background-image: url(img/hor.png);"></button>
       <button class="btn rbtn act-parallelConstraint" style="background-image: url(img/par.png);"></button>
@@ -62,6 +61,7 @@
       <button class="btn rbtn act-pointInMiddle" style="background-image: url(img/vec/pointInMiddle.svg);"></button>
       <button class="btn rbtn act-llAngle" style="background-image: url(img/vec/angle.svg);"></button>
       <button class="btn rbtn act-symmetry" style="background-image: url(img/vec/symmetry.svg);"></button>
+      <button class="btn rbtn act-mirrorConstraint fa fa-star-half-o"></button>
       <button class="btn rbtn act-lockConvex" style="background-image: url(img/vec/convex.svg);"></button>
       <button class="btn rbtn act-lockConstraint" ><i class="fa fa-lock"></i></button>
       <div style="height: 10px;"></div>