【コーディング】スクロールバーが2つ表示されるときの対処法

どーもセキグチです！
画面外にモーダル設置していた時に起こった現象なのですが、
解消したのでメモ代わりに書いていこうと思います

起こった現象

原因はこちらを使用していたこと

Overflow-x: hidden;

以下初期のcss

html,body{ font-size: 62.5%; Overflow-x: hidden;}

最終的に解決したcssはこちら

html{