I have dropdown menu of 3 images. I am working on the media view so the images are very close to each other. What I want is to decrease, or if there is a way to make the clickable area exactly the size of my images. Thanks in advance.

This is what I tried with no luck

.dropdown-menu a {
                display: inline-block;
                width: 90px;
                height: auto; 
                margin: 2px 0; 
                padding: 0;
            }

The html:

<div class="dropdown">
        <a href="#"><img src="images/anaduomeno.png" alt="Clickable Image" class="dropdown-toggle" id="dropdownMenuButton"></a>
        <div class="dropdown-menu" id="dropdownMenu">
            <a href="index.html" target="_blank"><img src="images/home.png" id="image1" class="dropdown-icon"></a>
            <a href="about.html" target="_blank"><img src="images/about.png" id="image2" class="dropdown-icon"></a>
            <a href="contact.html" target="_blank"><img src="images/contact.png" id="image3" class="dropdown-icon"></a>
        </div>
    </div>