Como deixar o link do menu somente na palavra?

As opções do menu estão podendo ser clicadas em toda extensão da sua linha. Queria que o link ficasse somente na palavra.

Eis meus códigos:

<aside>
        <h1>João da Silva</h1>
        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="portfolio.html">Portfolio</a></li>
                <li><a href="bio.html">Sobre mim</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="contato.html">Contato</a></li>
            </ul>    
        </nav>

========================CSS=====================

nav a {
    color: #F2FFFC;
    text-decoration: none;
}
aside {
    background-color: #3C1D3D;
    color: #F2FFFC;
    line-height: 1.3;
    text-align: center;
}

aside a {
    color: inherit;
    font-family: "Open Sans Condensed", sans-serif;
    display: block;
}