[React]背景色を画面いっぱいに広げたい

前提・実現したいこと

トラックパッド上でスワイプしても白の背景色が見えないようにしたい
うまく言えないんですが、少なくとも私が使っているmacの場合、背景をタップしたままスワイプすると画面をずらすような動作になります。
この時、Index.cssのbodyに指定しているbackground-color: #44447が見切れてしまい、裏側の白色が見えてしまいます。

発生している問題・エラーメッセージ

トラックパッド上でスワイプすると背景色の外側（裏側？）が見えてしまう。

※黒い枠線が映り込んでいますが、gifを録画する際の枠ですので無視して下さい。
※teratailの背景が白なので分かりにくいです。クリックしていただいたら見易いかと思います。

左にずらした場合（タップして右へスワイプ）の挙動のみお見せしていますが、上下方向にもずらすことができ、白色が見えてしまいます。
ちなみに右にずらそうとすると普通にブラウザバックします。
最下層に背景色をつければ解決する問題だと思ってますが、index.jsのbodyよりもさらに下というのがどこなのかがわからないです。

該当のソースコード

index.css↓

body {
  background-color: #444447;
}

index.tsx↓

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import { store } from './app/store';
import { Provider } from 'react-redux';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(
  <React.StrictMode>
    <Provider store={store}>
      <App />
    </Provider>
  </React.StrictMode>,
  document.getElementById('root')
);

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();