diff --git a/packages/webamp/css/base-skin.css b/packages/webamp/css/base-skin.css
index 3568eb3b..6bad95ae 100644
--- a/packages/webamp/css/base-skin.css
+++ b/packages/webamp/css/base-skin.css
@@ -265,13 +265,14 @@
 #webamp .character-64 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAJklEQVQYV2NkYGD4zwADjyAMRrggSEAOWRAmgKISqyBIF4Z2NIsAd/8NibV7UPEAAAAASUVORK5CYII=)}
 #webamp .character-32 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAE0lEQVQYV2NkYGD4z4AGGOklCAChpQYBD5K5XgAAAABJRU5ErkJggg==)}
 #webamp .character-8230 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAIElEQVQYV2NkYGD4z4AGGGki+IjhP4McAwPDIwYGGA0AwVsI4wY3hV4AAAAASUVORK5CYII=)}
-#webamp .character-95 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAGUlEQVQYV2NkYGD4z4AGGGki+AhqkRzCNgCztQcBQ/F5qwAAAABJRU5ErkJggg==)}
+#webamp .character-46 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAGUlEQVQYV2NkYGD4z4AGGGki+AhqkRzCNgCztQcBQ/F5qwAAAABJRU5ErkJggg==)}
 #webamp .character-58 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAG0lEQVQYV2NkYGD4z4AGGHELPoIqlYPQFKoEABHUCAEa7xBFAAAAAElFTkSuQmCC)}
 #webamp .character-40 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAKElEQVQYV2NkYGD4z4AGGFEEHzEwMMgxMCAEoQIgTQQEQUowtCNZBgCV1AoBCuExLwAAAABJRU5ErkJggg==)}
 #webamp .character-41 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAJ0lEQVQYV2NkYGD4z4AGGBkeMfxnkEMVZQSrfMTAgCyBQxCndjSLALXUCgE7OPueAAAAAElFTkSuQmCC)}
 #webamp .character-45 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAG0lEQVQYV2NkYGD4z4AGGEkQfISmXY6BgXjtANzFBwGYHC/oAAAAAElFTkSuQmCC)}
 #webamp .character-39 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAIUlEQVQYV2NkYGD4zwACjxgYGOTALAZG/IIQRWgqyRIEAHPECAGoStnnAAAAAElFTkSuQmCC)}
 #webamp .character-33 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAH0lEQVQYV2NkYGD4z/CIgYFBjgEOGKkhiDAOzMJqJgAQawsBnvEUjAAAAABJRU5ErkJggg==)}
+#webamp .character-95 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAFklEQVQYV2NkYGD4z4AGGGki+AjTIgCyawbjsVUKxAAAAABJRU5ErkJggg==)}
 #webamp .character-43 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAJklEQVQYV2NkYGD4zwACjxgYGOTALAZG7IKPoCohivCpxGsmknYAEEcK49TiSnIAAAAASUVORK5CYII=)}
 #webamp .character-92 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAALklEQVQYV2NkYGD4z4AGGBkeMfxnkEMVZQSrfMTAgCwBEQQBJAmEIJIEqiBUAgCoegrjMO8YZQAAAABJRU5ErkJggg==)}
 #webamp .character-47 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAL0lEQVQYV2NkYGD4z4AGGDEEHzEwoAo+YmBgkEMWhAqATIKoRBKACD5i+A/SggwAnqIK4za1AdUAAAAASUVORK5CYII=)}
@@ -280,7 +281,7 @@
 #webamp .character-94 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAALUlEQVQYV2NkYGD4zwACjxgYGOTALAZGsCBMAEozMjxi+A9TAdMBUYkGiBcEAF4nCuOkieCiAAAAAElFTkSuQmCC)}
 #webamp .character-38 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAJklEQVQYV2NkYGD4zwACjxgYGOTALAZGsCBMAEpDBAmqJF470FwAy+sPxRnZS2IAAAAASUVORK5CYII=)}
 #webamp .character-37 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAL0lEQVQYV2NkYGD4z/CIAQLkIBQjhuAjmCBUIViHHLIgVABVO8g8qNkQM5G1A9kAhC8Np+jnyIIAAAAASUVORK5CYII=)}
-#webamp .character-46 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAHklEQVQYV2NkYGD4z4AGGKkl+IiBgUEOYjjCTCRBAMu1CAHlOP+DAAAAAElFTkSuQmCC)}
+#webamp .character-44 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAHklEQVQYV2NkYGD4z4AGGKkl+IiBgUEOYjjCTCRBAMu1CAHlOP+DAAAAAElFTkSuQmCC)}
 #webamp .character-61 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAH0lEQVQYV2NkYGD4z4AGGMGCj5BE5RgYIIIUqkTTDgA65AgBoymWoAAAAABJRU5ErkJggg==)}
 #webamp .character-36 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAALUlEQVQYV2NkYGD4zwACjxgYGOTALAZGsCBIAAbk0AVRVMK0g2gMlSiCaBYBACUjDAER0dcvAAAAAElFTkSuQmCC)}
 #webamp .character-35 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAJElEQVQYV2NkYGD4z/CIAQLkIBQjwyOG/1AhuAQjpSpBFqEBACkzCwHNBOKTAAAAAElFTkSuQmCC)}
diff --git a/packages/webamp/js/__tests__/__image_snapshots__/baseline-integration-test-js-can-pose-for-a-screenshot-1-snap.png b/packages/webamp/js/__tests__/__image_snapshots__/baseline-integration-test-js-can-pose-for-a-screenshot-1-snap.png
index 81673784..f9bf473a 100644
Binary files a/packages/webamp/js/__tests__/__image_snapshots__/baseline-integration-test-js-can-pose-for-a-screenshot-1-snap.png and b/packages/webamp/js/__tests__/__image_snapshots__/baseline-integration-test-js-can-pose-for-a-screenshot-1-snap.png differ
diff --git a/packages/webamp/js/__tests__/__image_snapshots__/baseline-integration-test-js-should-render-the-default-skin-1-snap.png b/packages/webamp/js/__tests__/__image_snapshots__/baseline-integration-test-js-should-render-the-default-skin-1-snap.png
index e6f73e5e..65503960 100644
Binary files a/packages/webamp/js/__tests__/__image_snapshots__/baseline-integration-test-js-should-render-the-default-skin-1-snap.png and b/packages/webamp/js/__tests__/__image_snapshots__/baseline-integration-test-js-should-render-the-default-skin-1-snap.png differ
diff --git a/packages/webamp/js/skinSprites.ts b/packages/webamp/js/skinSprites.ts
index 9742bbac..b6220182 100644
--- a/packages/webamp/js/skinSprites.ts
+++ b/packages/webamp/js/skinSprites.ts
@@ -52,13 +52,14 @@ export const FONT_LOOKUP: { [letter: string]: [number, number] } = {
   "8": [1, 8],
   "9": [1, 9],
   [UTF8_ELLIPSIS]: [1, 10],
-  _: [1, 11],
+  ".": [1, 11],
   ":": [1, 12],
   "(": [1, 13],
   ")": [1, 14],
   "-": [1, 15],
   "'": [1, 16],
   "!": [1, 17],
+  _: [1, 18],
   "+": [1, 19],
   "\\": [1, 20],
   "/": [1, 21],
@@ -67,7 +68,7 @@ export const FONT_LOOKUP: { [letter: string]: [number, number] } = {
   "^": [1, 24],
   "&": [1, 25],
   "%": [1, 26],
-  ".": [1, 27],
+  ",": [1, 27],
   "=": [1, 28],
   $: [1, 29],
   "#": [1, 30],