Elemento de enlace React-Bootstrap en un elemento de navegación

Tengo algunos problemas de estilo con react-router y react-bootstrap. a continuación hay un fragmento del código

import { Route, RouteHandler, Link } from 'react-router';
import AuthService from '../services/AuthService'
import { Button, Nav, Navbar, NavDropdown, MenuItem, NavItem } from 'react-bootstrap';

    <Nav pullRight>
      <NavItem eventKey={1}>
        <Link to="home">Home</Link>
      </NavItem>
      <NavItem eventKey={2}>
        <Link to="book">Book Inv</Link>
      </NavItem>
      <NavDropdown eventKey={3} title="Authorization" id="basic-nav-dropdown">
        <MenuItem eventKey="3.1">
          <a href="" onClick={this.logout}>Logout</a>
        </MenuItem>          
      </NavDropdown>  
    </Nav>

Esto es lo que parece cuando se procesa.

Yo se que el<Link></Link> está causando esto pero no sé por qué? Me gustaría que esto esté en línea.

Respuestas a la pregunta(8)

Su respuesta a la pregunta