Nb-Menu items highlight/select issue.

Hi,

I am facing an issue with Nb-Menu items while selecting. This happens sometimes in the middle of the workflow of the application. The selection of the items will not move away from it even if you select other menu items. see the screenshot

Here is the code...I dont find any error in chrome developer tools

export const MENU_ITEMS: NbMenuItem[] = [
{
title: 'HOME',
icon: 'nb-home',
link: '/pages/dashboard',
home: true,
data: {
permission: 'view',
resource: 'home'
}
},
{
title: 'ADMIN',
icon: 'nb-person',
link: '/pages/admindashboard',
data: {
permission: 'view',
resource: 'admin'
},
pathMatch: 'full'
},
{
title: 'DASHBOARD',
icon: 'nb-keypad',
data: {
permission: 'view',
resource: 'dashboard'
},
children: [
{
title: 'Leads Dashboard',
link: '/pages/ldash',
data: {
permission: 'view',
resource: 'leadsdashboard'
},
pathMatch: 'full'
},
{
title: 'Archived Tickets',
link: '/pages/archive',
},
{
title: 'Routed Tickets',
link: '/pages/tic-routed',
pathMatch: 'full'
}
]
},
{
title: 'PAGES',
icon: 'nb-tables',
data: {
permission: 'view',
resource: 'mytickets'
},
children: [
{
title: 'My Tickets',
link: '/pages/mytickets',
pathMatch: 'full'
},
{
title: 'Global Search',
link: '/pages/globalsearch',
pathMatch: 'full'
},
{
title: 'Monitoring Tickets',
link: '/pages/monitoringtickets',
pathMatch: 'full'
},
{
title: 'Create Ticket',
link: '/pages/createticket',
pathMatch: 'full'
},
],
},
{
title: 'REPORTS',
icon: 'nb-bar-chart',
data: {
permission: 'view',
resource: 'reports'
},
children: [
{
title: 'SLA Not Met',
link: '/pages/reports/sla-not-met',
pathMatch: 'full'
},
{
title: 'Closed Tickets',
link: '/pages/reports/closed',
pathMatch: 'full'
},
{
title: 'Ticket Summary',
link: '/pages/reports/summary',
pathMatch: 'full'
}
]
}
];

Here is my package.json

"@angular/animations": "^6.0.0",
"@angular/cdk": "^6.4.6",
"@angular/common": "6.0.0",
"@angular/compiler": "6.0.0",
"@angular/core": "6.0.0",
"@angular/forms": "6.0.0",
"@angular/http": "6.0.0",
"@angular/material": "^6.4.6",
"@angular/platform-browser": "6.0.0",
"@angular/platform-browser-dynamic": "6.0.0",
"@angular/router": "6.0.0",
"@nebular/auth": "2.0.0-rc.10",
"@nebular/security": "2.0.0-rc.10",
"@nebular/theme": "2.0.0-rc.10",
"@ng-bootstrap/ng-bootstrap": "1.0.0",
"bootstrap": "4.0.0",

Please help me out...