Disable default 4px margin on grunt-sprity, also add the built files.

services/web/Gruntfile.coffee

@@ -66,6 +66,7 @@ module.exports = (grunt) ->
 				options:
 					cssPath:"/img/"
 					'style': '../../public/stylesheets/app/sprites.less'
+					margin: 0
 				src: ['./public/img/flags/24/*.png']
 				dest: './public/img/sprite',
 

services/web/public/stylesheets/app/sprites.less

@@ -5,101 +5,101 @@
 
 .icon-ko {
   background-position: -0px -0px;
-  width: 34px;
-  height: 34px;
+  width: 24px;
+  height: 24px;
 }
 .icon-cn {
-  background-position: -0px -34px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -24px;
+  width: 24px;
+  height: 24px;
 }
 .icon-da {
-  background-position: -0px -68px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -48px;
+  width: 24px;
+  height: 24px;
 }
 .icon-de {
-  background-position: -0px -102px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -72px;
+  width: 24px;
+  height: 24px;
 }
 .icon-en {
-  background-position: -0px -136px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -96px;
+  width: 24px;
+  height: 24px;
 }
 .icon-es {
-  background-position: -0px -170px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -120px;
+  width: 24px;
+  height: 24px;
 }
 .icon-fi {
-  background-position: -0px -204px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -144px;
+  width: 24px;
+  height: 24px;
 }
 .icon-fr {
-  background-position: -0px -238px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -168px;
+  width: 24px;
+  height: 24px;
 }
 .icon-it {
-  background-position: -0px -272px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -192px;
+  width: 24px;
+  height: 24px;
 }
 .icon-ja {
-  background-position: -0px -306px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -216px;
+  width: 24px;
+  height: 24px;
 }
 .icon-cs {
-  background-position: -0px -340px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -240px;
+  width: 24px;
+  height: 24px;
 }
 .icon-nl {
-  background-position: -0px -374px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -264px;
+  width: 24px;
+  height: 24px;
 }
 .icon-no {
-  background-position: -0px -408px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -288px;
+  width: 24px;
+  height: 24px;
 }
 .icon-pl {
-  background-position: -0px -442px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -312px;
+  width: 24px;
+  height: 24px;
 }
 .icon-pt {
-  background-position: -0px -476px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -336px;
+  width: 24px;
+  height: 24px;
 }
 .icon-ru {
-  background-position: -0px -510px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -360px;
+  width: 24px;
+  height: 24px;
 }
 .icon-sv {
-  background-position: -0px -544px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -384px;
+  width: 24px;
+  height: 24px;
 }
 .icon-tr {
-  background-position: -0px -578px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -408px;
+  width: 24px;
+  height: 24px;
 }
 .icon-uk {
-  background-position: -0px -612px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -432px;
+  width: 24px;
+  height: 24px;
 }
 .icon-zh-CN {
-  background-position: -0px -646px;
-  width: 34px;
-  height: 34px;
+  background-position: -0px -456px;
+  width: 24px;
+  height: 24px;
 }