diff --git a/common/css/css.template.mustache b/common/css/css.template.handlebars
similarity index 88%
rename from common/css/css.template.mustache
rename to common/css/css.template.handlebars
index 92ceafd557..99e3e55e87 100644
--- a/common/css/css.template.mustache
+++ b/common/css/css.template.handlebars
@@ -1,16 +1,16 @@
-{{#items}}
+{{#sprites}}
 .{{name}} {
   background-image: url({{{escaped_image}}});
   background-position: {{px.offset_x}} {{px.offset_y}};
   width: {{px.width}};
   height: {{px.height}};
 }
-{{#custom}}
+{{#if custom}}
 .customize-option.{{name}} {
   background-image: url({{{escaped_image}}});
   background-position: {{custom.px.offset_x}} {{custom.px.offset_y}};
   width: {{custom.px.width}};
   height: {{custom.px.height}};
 }
-{{/custom}}
-{{/items}}
\ No newline at end of file
+{{/if}}
+{{/sprites}}
diff --git a/tasks/gulp-sprites.js b/tasks/gulp-sprites.js
index 016c0bf160..a5777af9ce 100644
--- a/tasks/gulp-sprites.js
+++ b/tasks/gulp-sprites.js
@@ -69,7 +69,7 @@ function createSpritesStream(name, src) {
         cssName: `spritesmith-${name}-${index}.css`,
         algorithm: 'binary-tree',
         padding: 1,
-        cssTemplate: 'common/css/css.template.mustache',
+        cssTemplate: 'common/css/css.template.handlebars',
         cssVarMap: cssVarMap
       }));