small fixes

src/components/PasswordChange.vue

@@ -17,12 +17,19 @@ const changePassword = async () => {
 </script>
 
 <template>
-  <v-sheet>
-    <div class="text-uppercase">Change password</div>
-    <div class="d-flex ga-2">
-      <v-text-field placeholder="current password" v-model="passwordData.currentPassword" />
-      <v-text-field placeholder="new password" v-model="passwordData.newPassword" />
-      <v-icon-btn variant="tonal" icon="mdi-check" @click="changePassword" />
+  <v-sheet border class="pa-4 d-flex flex-column ga-2">
+    <div class="text-uppercase text-title-large">Change password</div>
+    <div class="d-flex flex-column ga-2">
+      <v-text-field
+        clearable
+        bg-color="background"
+        placeholder="current password"
+        v-model="passwordData.currentPassword"
+      />
+      <v-text-field clearable bg-color="background" placeholder="new password" v-model="passwordData.newPassword" />
+      <div>
+        <v-btn variant="tonal" prepend-icon="mdi-check" text="Update" @click="changePassword" />
+      </div>
     </div>
   </v-sheet>
 </template>