Semanti c Ui React - SideBar Top

Question

Я использую компонент SideBar из Semanti c Ui React, я просто скопировал и вставил пример sideBar, но у боковой панели установлено свойство top, равное 0, из-за которого моя боковая панель находится в моем заголовке, я сделал Google Inspect и я нахожу свойство для изменения, но как я могу сделать это с пользовательским CSS? какие селекторы мне нужно использовать?

Вот мой SideBar. js с кодом от semanti c

const SidebarExampleSidebar = () => {


return (

        <Sidebar
            as={Menu}
            animation='overlay'
            icon='labeled'
            inverted
            vertical
            visible='true'
            width='thin'
        >
            <Menu.Item as='a'>
                <Icon name='home' />
                Home
            </Menu.Item>
            <Menu.Item as='a'>
                <Icon name='gamepad' />
                Games
            </Menu.Item>
            <Menu.Item as='a'>
                <Icon name='camera' />
                Channels
            </Menu.Item>
        </Sidebar>


 )
}
export default SidebarExampleSidebar

Панель инструментов. js

class Dashboard extends Component {


render() {

    return (
        <div>
            <SidebarExampleSidebar/>
        </div>
    );
 }
}
export default Dashboard;

Приложение. js

class App extends Component {

 render() {
  return (
    <div>
      <BrowserRouter>
        <Header/>
        <Route exact path="/login" component={Login} />
        <Route exact path="/" component={Landing} />
        <Route exact path="/dashboard" component={Dashboard} />
        <Route exact path="/users" component={UsersLayout} />
        <Route path="/surveys/new" component={SurveyNew} />
      </BrowserRouter>
    </div>
  );
 }
}
export default App;

Здесь вы можете увидеть, как рендер и Google Inspect