diff --git a/internal_packages/undo-redo/lib/undo-redo-component.cjsx b/internal_packages/undo-redo/lib/undo-redo-component.cjsx
index d98b4a0c9..623f5a8a9 100644
--- a/internal_packages/undo-redo/lib/undo-redo-component.cjsx
+++ b/internal_packages/undo-redo/lib/undo-redo-component.cjsx
@@ -69,7 +69,7 @@ class UndoRedoComponent extends React.Component
         </div>
         <div className="undo-redo-action-wrapper" onClick={@_onClick}>
           <RetinaImg name="undo-icon@2x.png"
-                     mode={RetinaImg.Mode.ContentPreserve}/>
+                     mode={RetinaImg.Mode.ContentIsMask}/>
           <span className="undo-redo-action-text">Undo</span>
         </div>
       </div>
diff --git a/internal_packages/undo-redo/stylesheets/undo-redo.less b/internal_packages/undo-redo/stylesheets/undo-redo.less
index 0c9d7d858..58906ff4d 100644
--- a/internal_packages/undo-redo/stylesheets/undo-redo.less
+++ b/internal_packages/undo-redo/stylesheets/undo-redo.less
@@ -28,7 +28,7 @@
     flex-shrink: 1;
     margin-left: 16px;
     margin-right: 30px;
-    color: lighten(@gray-base, 70%);
+    color: @background-primary;
     overflow:hidden;
     text-overflow: ellipsis;
     text-align: left;
@@ -39,9 +39,12 @@
     margin-right: 15px;
     white-space:nowrap;
 
+    img {
+      background-color: @background-primary;
+    }
     .undo-redo-action-text {
       margin-left: 5px;
-      color: @white;
+      color: @background-primary;
     }
   }
 }