класс предварительного просмотра печати отличается от обычного

Question

привет, у меня есть класс css под названием bg-grey и это код

.bg-gray{
    background-color:#6C7A89 !important;
    color:#ffffff  !important;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    border:#000000 1px solid;
    -webkit-print-color-adjust: exact !important; 
}

в нормальном виде это выглядит так но в предварительном просмотре это выглядит так как вы можете видеть, фон стал белым, а цвет текста - белым также я попытался поместить это в мой файл CSS

@media print{
.bg-gray{
    background-color:#6C7A89 !important;
  }
}

также получен тот же результат, что цвет фона для класса bg-серый отсутствует спасибо