@@ -37,7 +37,7 @@ function goBack() {
     :block="block"
     @click="goBack"
   >
-    <v-icon :icon="mdiArrowLeft" />
+    <v-icon :icon="mdiArrowLeft" start />
     Go Back
   </v-btn>
 </template>
@@ -780,7 +780,8 @@ async function deleteUserAccount() {
     await router.push({ name: 'index' })
   } catch {
     notificationsStore.addNotification({
-      message: 'Failed to delete your account',
+      message:
+        'We ran into an internal error while deleteing your account please contact us.',
       type: 'error',
     })
   } finally {
@@ -965,25 +966,29 @@ onMounted(async () => {
                   </VBtn>
                 </template>
                 <VCard>
-                  <VCardTitle class="text-headline-medium text-break"
+                  <VCardTitle class="text-headline-small"
                     >Are you sure you want to rotate your API Key?</VCardTitle
                   >
-                  <VCardText>
+                  <VCardText class="text-medium-emphasis">
                     You will have to logout and login again on the
                     <b>httpSMS</b> Android app with your new API key after you
                     rotate it.
                   </VCardText>
                   <VCardActions class="pb-4">
                     <VBtn
                       color="primary"
+                      variant="flat"
                       :loading="rotatingApiKey"
                       @click="rotateApiKey"
                     >
                       <VIcon start :icon="mdiRefresh" />
                       Yes Rotate Key
                     </VBtn>
                     <VSpacer />
-                    <VBtn variant="text" @click="showRotateApiKey = false"
+                    <VBtn
+                      variant="text"
+                      color="warning"
+                      @click="showRotateApiKey = false"
                       >Close</VBtn
                     >
                   </VCardActions>
 
@@ -74,10 +74,10 @@ export const useAuthStore = defineStore('auth', () => {
   }
 
   async function deleteUserAccount(): Promise<string> {
-    const response = await apiFetch<{ message: string }>('/v1/users/me', {
+    await apiFetch<{ message: string }>('/v1/users/me', {
       method: 'DELETE',
     })
-    return response.message
+    return 'Your account has been deleted successfully'
   }
 
   async function rotateApiKey(userId: string): Promise<EntitiesUser> {
Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@ function goBack() {`
`37`	`37`	`:block="block"`
`38`	`38`	`@click="goBack"`
`39`	`39`	`>`
`40`		`- <v-icon :icon="mdiArrowLeft" />`
	`40`	`+ <v-icon :icon="mdiArrowLeft" start />`
`41`	`41`	`Go Back`
`42`	`42`	`</v-btn>`
`43`	`43`	`</template>`
Original file line number	Diff line number	Diff line change
`@@ -74,10 +74,10 @@ export const useAuthStore = defineStore('auth', () => {`
`74`	`74`	`}`
`75`	`75`
`76`	`76`	`async function deleteUserAccount(): Promise<string> {`
`77`		`- const response = await apiFetch<{ message: string }>('/v1/users/me', {`
	`77`	`+ await apiFetch<{ message: string }>('/v1/users/me', {`
`78`	`78`	`method: 'DELETE',`
`79`	`79`	`})`
`80`		`- return response.message`
	`80`	`+ return 'Your account has been deleted successfully'`
`81`	`81`	`}`
`82`	`82`
`83`	`83`	`async function rotateApiKey(userId: string): Promise<EntitiesUser> {`