Outro sprite - Plataformas - duvida.

Consegui fazer o exercicio, mas tive que incluir a classe Plataformas no index.html nos devidos elementos

ul class="plataformas">
                    <li class ="plataforma-logo-android">Android</li>
                    <li class ="plataforma-logo-apple">Apple</li>
                    <li class ="plataforma-logo-windows">Windows Phone</li>
                    <li class ="plataforma-logo-blackberry">BlackBerry</li>
                </ul>

e o arquivo sobre.scss ficou com os elementos da seguinte forma:

.plataformas li {
  display: inline-block;
  width: 50px;
  height: 60px;
  @extend %image-replacement;

  margin: 1em 1.5em 0 0;
}

@include all-plataforma-sprites;

Ele funcionou, mas o icone do BlackBerry fica cortado, o que deixa a coisa meio "feia"... como arrumar isso?? e da a impressão que os ícones não estão alinhados.. ficou bem feinho isso ai.