Avatar images used inside buttons should have the same size as buttons

Steps to reproduce

Use <v-avatar inside a <v-btn icon> to create an avatar button:

<v-btn icon>
  <v-avatar>
    <img src="https://randomuser.me/api/portraits/men/1.jpg">
  </v-avatar>
</v-btn>          

Versions

Vuetify 0.14

What is expected ?

The avatar’s image should be the same size as that of the buttons.

What is actually happening ?

The icon buttons are sized 36px by 36px, but the avatar image is sized 40px by 40px - so the avatar images appears too large when compared to other buttons (on the toolbar).

Reproduction Link

https://codepen.io/wernerm/pen/OjxpOK

Please Note that the codepen’s stylesheet contains styles to change the avatar image size.

[Heunsig]

I think you can use like this

<v-btn fab icon>
    <v-avatar
        size="45"
     >
         // image
     </v-avatar>
</v-btn>

fab and icon attributes in v-btn tag

[esynaps]

You can also do this:

<v-btn icon width="auto" height="auto"  class="pa-1" style="border: 2px solid #a9dff1;">
        <v-avatar size="70">
         // image
        </v-avatar>
        </v-btn>