Desconfiguração de layout ao passar o mouse

Código CSS/HTML
1

Estou com dificuldade para corrigir um problema que ocorre quando o usuário passa o mouse sobre a seleção da opção de tamanho de um item.
image

Ao passar o mouse sobre o número 43 (na imagem acima), os números 44 e 45 ficam desconfigurados e alteram de posição no layout (como na imagem abaixo).
image

Imagino que seja uma correção simples no CSS. Alguém sabe como corrigir isso?

Aqui está o link para a página onde ocorre o erro Sapatilha de Escalada - Rock Grip - Rock Grip

Desde já agradeço a atenção.

2

olá veja se assim resolve para vc:

.atributos div ul{
  margin: auto!important;
}
.atributos div ul li{
  margin: 1.5px!important;
}
2 curtidas
3

Fala, Maurício!

Inseri este código, mas infelizmente não deu certo. Tentei mexer nos valores dessas variáveis, mas também sem êxito. O curioso é que quando coloco no modo de inspeção do código no browser, o problema desaparece.

PS: mudando de assunto, aquele seu código do PIX continua funcionando perfeito! Muito obrigado!!!

1 curtida
4

bom dia,
tenta assim e vê se da certo…

RODAPÉ
PÁGINA DO PRODUTO
CSS

.atributos div ul li {
    float: none;
    display: inline-block;
}

.atributos div ul {
    margin: auto !important;
}
2 curtidas
5

Showww meu irmão… muito obrigado… tenta a solução do @Paulo21 deve dar certo ai para vc… tmj irmão.

3 curtidas
6

Perfeito, Paulo!!!
Muito obrigado

3 curtidas