diff --git a/app/assets/images/delete_mapinfo.png b/app/assets/images/delete_mapinfo.png
deleted file mode 100644
index e6316c2e..00000000
Binary files a/app/assets/images/delete_mapinfo.png and /dev/null differ
diff --git a/app/assets/images/remove_mapinfo_sprite.png b/app/assets/images/remove_mapinfo_sprite.png
new file mode 100644
index 00000000..ba7f4b81
Binary files /dev/null and b/app/assets/images/remove_mapinfo_sprite.png differ
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 893c67d3..87ac9456 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -1884,9 +1884,21 @@ and it won't be important on password protected instances */
     display: none;
 }
 .mapInfoDelete {
-    background-image: url(delete_mapinfo.png);
+    color: #E0E0E0;
+}
+.mapInfoDelete .deleteMap {
+    width: 16px;
+    height: 16px;
+    margin: 8px auto 0;
+    background-image: url(remove_mapinfo_sprite.png);
     background-repeat: no-repeat;
-    background-position: center 8px;
+    background-position: -16px 0;
+}
+.mapInfoDelete:hover {
+    color: #F5F5F5;
+}
+.mapInfoDelete:hover .deleteMap {
+    background-position: 0 0;
 }
 /* only display delete button if it's a map you created */
 .yourMap .mapInfoDelete {
diff --git a/app/views/layouts/_templates.html.erb b/app/views/layouts/_templates.html.erb
index 9c7549d2..372740e7 100644
--- a/app/views/layouts/_templates.html.erb
+++ b/app/views/layouts/_templates.html.erb
@@ -35,6 +35,7 @@
     <p class="mapEditedAt"><span>Last edited:</span> {{updated_at}}</p>
     <div class="mapInfoButtonsWrapper">
       <div class="mapInfoDelete">
+        <div class="deleteMap"></div>
         <span>Delete</span>
       </div>
       <div class="mapInfoShare">
diff --git a/app/views/maps/_mapinfobox.html.erb b/app/views/maps/_mapinfobox.html.erb
index 7528c31e..c6b3b3c9 100644
--- a/app/views/maps/_mapinfobox.html.erb
+++ b/app/views/maps/_mapinfobox.html.erb
@@ -51,6 +51,7 @@
     <p class="mapEditedAt"><span>Last edited:</span> <%= @map.updated_at.strftime("%m/%d/%Y") %></p>
     <div class="mapInfoButtonsWrapper">
       <div class="mapInfoDelete">
+        <div class="deleteMap"></div>
         <span>Delete</span>
       </div>
       <div class="mapInfoShare">