diff --git a/assets/imgs/hide.png b/assets/imgs/hide.png
new file mode 100644
index 0000000000000000000000000000000000000000..01c83d2148369c7a4a4c863c60f9325ba00a5b0c
Binary files /dev/null and b/assets/imgs/hide.png differ
diff --git a/css/main.css b/css/main.css
index 13487c6bbaa0ef7ee00fe2f05b3ece4d17fd3215..88bcf770769a9a34778147f11c89d19e338ed541 100644
--- a/css/main.css
+++ b/css/main.css
@@ -283,6 +283,10 @@ input.numberInput{
   color: #B50303!important;
 }
 
+.cellsVisible{
+    padding-top: 7px;
+}
+
 .ribbon-selected {
     background-color: #000!important;
 }
diff --git a/js/menus/Ribbon.js b/js/menus/Ribbon.js
index e811836d587cf7f6e123afa33e0d2ef01d12c044..0bf458036c767e27d45c28afbb25f22296b21fc1 100644
--- a/js/menus/Ribbon.js
+++ b/js/menus/Ribbon.js
@@ -57,7 +57,7 @@ Ribbon = Backbone.View.extend({
               <% if (allPartTypes[cellType][connectionType]){ %>\
               <a data-type="part" class="btn btn-primary btn-ribbon cellModeBtn<% if (cellMode == "part"){ %> ribbon-selected<% } %>" href="#"><img data-type="part" src="assets/imgs/part-sm.png"></a>\
               <% } %>\
-              <a class="btn btn-primary btn-ribbon cellsVisible<% if (cellsVisible){ %> ribbon-selected<% } %>" href="#"><span class="fui-eye"></span></a>\
+              <a class="btn btn-primary btn-ribbon cellsVisible<% if (!cellsVisible){ %> ribbon-selected<% } %>" href="#"><img data-type="part" src="assets/imgs/hide.png"></a>\
               <a class="btn btn-primary btn-ribbon highlightMode<% if (highlightMode){ %> ribbon-selected<% } %>" href="#"><img data-type="part" src="assets/imgs/cursor-light.png"></a>\
               <a class="btn btn-primary btn-ribbon deleteMode<% if (deleteMode){ %> ribbon-selected"<% } %>"><span class="fui-cross"></span></a>\
             </div>\