I’m trying to reduce the height of the v-footer component and the documentation says I can use the height prop. However, no matter if I try height=”100px” or height=”50%”, the footer stays the same. What am I doing wrong?

        <v-footer absolute class="bg-light-blue-lighten-3 d-flex flex-column justify-center align-center"  height="100px">
            <p class="font-weight-bold text-h6">sample text</p>
            <p class="font-weight-bold">sample text</p>
            <p>sample text</p>
            <p>sample text</p>
            <p><v-icon icon="mdi-map-marker"></v-icon>location<p>
        </v-footer>

image of the footer: