Невозможно перезаписать свойство css top в главном компоненте меню реакции

Я пытаюсь избавиться от пробела, как показано на изображении ниже:

Я использую компонент меню Primereact из этой документации.

Вот мой код конструктора для справки:

constructor() {
        super();
            this.state = {
                items: [
                    {
                        label: 'First Services',
                        items: [
                        {label: 'firstitem', 
                        command: (event) => {window.open('http://someurl','_blank');}},

                        {label: 'firstitemname', 
                        command: (event) => {window.open('http://someurl#get-firstitemname','_blank');}},


                        {label: 'firstcategoryname', 
                        command: (event) => {window.open('http://someurl#get-firstcategoryname','_blank');}},



                            ]
                    }, 
                    {
                        label: 'Second Services',
                        items: [
                        {label: 'testforuser ',
                        command: (event) => {window.open('http://someurl#get-testforuser','_blank');}},

                        {label: 'testforproject', 
                        command: (event) => {window.open('http://someurl#get-testforproject','_blank');}},


                        {label: 'testforprotocol ',
                        command: (event) => {window.open('http://someurl#get-testforprotocol','_blank');}}




                    ]
                    },
                    {
                        label: 'Workflows ',
                        items: [
                        {label: 'Workflow for User ',
                         command: (event) => {window.open('http://someurl#workflow-section','_blank');}}
                    ]
                    }, 
                ]
            };
     }  

И вот мои определенные компоненты Menu и Button:

                      <Menu 
                        model={this.state.items} 
                        popup={true} 
                        style={{fontSize:'16px'},{width:'12%'}}
                        ref={el => this.menu = el}
                        />
                         <Button  
                        label="My DropDown Menu" 
                        icon="pi pi-bars"
                        style={{width:'12%'},{backgroundColor:'#000000'}}

                         onClick={

                            (event)=>this.menu.toggle(event)
                        }
                        />

Я понял, почему между Button и Menu есть пробел. Когда я щелкнул правой кнопкой мыши на MY DROPDOWN MENU и выбрал Inspect Element Q в своем браузере Firefox, я увидел следующее: для свойства css top установлено значение 118.5px. :

Я пытаюсь перезаписать свойство top и изменить его на 60px с 118.5px. Для этого я попытался изменить свой код следующим образом:

                   <Menu 
                    model={this.state.items} 
                    popup={true} 
                    style={{fontSize:'16px'},{width:'12%'},{marginTop:'60px'}}
                    ref={el => this.menu = el}
                    /> 

Но в итоге он отображался как отдельное свойство, например:

Как я могу изменить свойство top?