diff --git a/lib/templates/less.mustache b/lib/templates/less.mustache
index 2af0a5bbf448884a4378a5ee74346e16f1d374ed..5d43e7ab3e5f26d3b11ce6b87d2283f3868be71d 100644
--- a/lib/templates/less.mustache
+++ b/lib/templates/less.mustache
@@ -28,14 +28,12 @@
 {{#sprite}}
 {{class}} {
   background-image: url('{{{escaped_image}}}');
-}
-
-{{/sprite}}
-{{#retina}}
-@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
-  {{class}} {
+  {{#retina}}
+  @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
     background-image: url('{{{escaped_image}}}');
     background-size: {{px.total_width}} {{px.total_height}};
   }
+  {{/retina}}
 }
-{{/retina}}
+
+{{/sprite}}