在使用浏览器路由器后，导航栏的左右两边都留有空白。我该怎么办？
代码如下：

<div className="container my-3">  
        <BrowserRouter>       
        <Navbar title="TextUtils" mode={mode} toggleMode={toggleMode}/>
        <Alert alert={alert}/>
          <Routes>
            <Route path="/" element={<TextForm showAlert={showAlert} heading="Try TextUtils - Word Counter, Character Counter, Remove Extra Spaces " mode={mode}/>} />
            <Route path="/about" element={<About mode={mode} />} />
          </Routes>
        </BrowserRouter>
        </div>

这是图片

Before using Browser Router
After using Browser Router
我尝试了许多不同的CSS样式，但空格仍然存在