Mengganti properti latar belakang (tinggi + warna) dalam HTML

Saya mengalami masalah aneh di aplikasi saya saat saya menerapkan kelas ke badan yang menyetel latar belakangnya menjadi abu-abu. Baru-baru ini ketika melakukan beberapa perubahan lain, masalah ini muncul.

Dalam skenario saat ini, bagian badan yang dimuat pada pemuatan awal di viewport memiliki latar belakang abu-abu, tetapi ketika saya menggulir halaman ke bawah, bagian badan lainnya memiliki latar belakang putih.

Jawaban ini dengan tepat menyebutkan bahwa

height:100% IS sama dengan tinggi viewport. Jangan tentukan ketinggian atau gunakan min-height: 100%;

Sekarang, saya baru-baru ini menyertakan gaya material sudut di aplikasi yang memiliki tag body sebagai:

html, body {
    height: 100%;
    color: rgba(0, 0, 0, 0.87);
    background: white;
    position: relative;
}

Saya tidak yakin bagaimana cara membatalkan gaya ini saat menggunakan bahan bersudut, misalnya, nilai tepat apa yang harus saya berikan pada ketinggian untuk memperbaiki masalah ini. Saya mencoba menghapus ketinggian 100% ini secara manual, masalahnya teratasi, tetapi saya tidak ingin mengedit file pihak ketiga secara manual, melainkan mengganti gaya di aplikasi saya. Saya mencoba menggunakan solusi dasar pemberian gaya tubuh di css saya seperti di bawah ini, tetapi itu tidak mengesampingkan gaya material sudut.

body {
    background-color: #edecec !important;
    height: 100%;
}

Setiap saran tentang cara melakukan ini sangat kami hargai.