Probleme de barre de scroll horizontale

J'ai un problème sur un site je veux qu'un article contenant une recette
augmente de taille quand la page est dé-zoomé(d'où le @media) et que l’utilisateur passe la souris sur la recette mais avec le scale(2) cela cré une barre de scroll horizontale mais toute la partie accessible avec le scroll ne contient aucuns textes.
J'aimerais la faire disparaître, mais je n'y arrive pas..

J'ai essayé de changer les margin les padding, ça ne marche pas(j'ai aussi essayé "overflow:hidden;")..


Merci d'avance.

@media (min-width: 3000px) {
.article:hover {
transform: scale(2);
background-color: wheat;
margin-left: 50vw;
transition: .5s;
}
}