CSS перерыв после перенаправления

Question

Использование маршрутизатора React, и он работает хорошо.Выполняю маршрутизацию, но когда я пытаюсь вернуться в «дом», он ломается и показывает пустое пространство прямо на карусели.

Здесь происходит маршрутизация

return(
    <Router>
          <Layout>
            <Route exact path='/' component={Home} />
            <Route path='/counter' component={Counter} />
            <Route path='/fetchdata' component={FetchData} />
            <Route path='/userprofile' component={UserProfile} />
            <Route path='/userdashboard' component={UserDashboard} />
            <Route path='/account' component={Account} />
            <Route path='/post-trade' component={PostTrade} />
          </Layout>
    </Router>
)

, а вот навигационная панель, которая включает ссылки на различные компоненты

<nav className="navbar navbar-primary Navbarstyle">
    <div className="navbar-header">
    <Link to="/">WebSiteName</Link>
    </div>
  <ul className="nav navbar-nav">

  <li>
  <Link to="/">
    Home
    </Link>  
  </li>

  <li>
  <Link to="/counter">
    Counter
    </Link>
  </li>

  <li><a href="#">
  <Link to="/fetchdata">
    Fetchdata
    </Link>
  </a></li>

</ul>
</nav>