diff --git a/data/keyboards/symbols/us.xml b/data/keyboards/symbols/us.xml
index 737072f8..fc7ee482 100644
--- a/data/keyboards/symbols/us.xml
+++ b/data/keyboards/symbols/us.xml
@@ -93,7 +93,7 @@
     <keysym keyval="43">plus</keysym>
   </key>
   <key keycode="22" name="BKSP">
-    <keysym keyval="65288">BackSpace</keysym>
+    <symbol label="⌫" icon="edit-clear-symbolic">backspace</symbol>
   </key>
   <key keycode="23" name="TAB">
     <keysym keyval="65289">Tab</keysym>
diff --git a/eek/eek-renderer.c b/eek/eek-renderer.c
index 073b8eee..bd0d9b2e 100644
--- a/eek/eek-renderer.c
+++ b/eek/eek-renderer.c
@@ -494,7 +494,7 @@ render_key (EekRenderer *self,
         cairo_surface_t *icon_surface =
             eek_renderer_get_icon_surface (self,
                                            eek_symbol_get_icon_name (symbol),
-                                           MIN(bounds.width, bounds.height) * 0.7);
+                                           MIN(bounds.width, bounds.height) * 0.5);
         if (icon_surface) {
             gint width = cairo_image_surface_get_width (icon_surface);
             gint height = cairo_image_surface_get_height (icon_surface);
@@ -521,8 +521,15 @@ render_key (EekRenderer *self,
                              (bounds.height - height * scale) / 2);
             cairo_rectangle (cr, 0, 0, width, height);
             cairo_clip (cr);
-            cairo_set_source_surface (cr, icon_surface, 0.0, 0.0);
-            cairo_paint (cr);
+            /* Draw the shape of the icon using the foreground color */
+            eek_renderer_get_foreground_color (self, EEK_ELEMENT(key), &foreground);
+            cairo_set_source_rgba (cr, foreground.red,
+                                       foreground.green,
+                                       foreground.blue,
+                                       foreground.alpha);
+            cairo_mask_surface (cr, icon_surface, 0.0, 0.0);
+            cairo_fill (cr);
+
             cairo_restore (cr);
             return;
         }