The locket is not overlapping with the v-app-bar. How do I make sure they intersect?
<template>
<v-app-bar :elevation="2" rounded>
<v-row class="z-index">
<v-col cols="12" class="d-flex flex-column justify-center align-center">
<v-app-bar-title>Login</v-app-bar-title>
<v-icon class="position-fixed pt-14" icon="mdi-lock"></v-icon>
</v-col>
</v-row>
</v-app-bar>
</template>