React CSS ページ全体の背景色を揃えたい

Question

bootstrapを初めて利用してWebページを作成しています。
ページ全体の背景を揃えたいと思いcssのbodyで設定しましたが、下記添付の通り一部反映されません。
body で効かない範囲まで背景色をつける方法がありましたら、ご教授いただけますと幸いです。

または確認すべき箇所がありましたら、ご指摘頂けますと幸いです。

@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700");
@import "reset";
@import "grid";
body {
  font-size: 16px;
  background-color: black;
}

.NavBar {
  display: flex;
  justify-content: space-around;
  width: 100%;
  background-color: black;
  font-size: 36px;
  a {
    margin-top: 20px;
    margin-bottom: 50px;
	font-size:1em;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: transparent;
	background: linear-gradient(0deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
	-webkit-background-clip: text;
}
  }

Answer 1

html {
background-color: black;
}
div {
background-color: black;
}

上記追加により解決