diff --git a/contentcuration/contentcuration/frontend/settings/pages/Account/index.vue b/contentcuration/contentcuration/frontend/settings/pages/Account/index.vue
index 312ba24efd..dde15459ba 100644
--- a/contentcuration/contentcuration/frontend/settings/pages/Account/index.vue
+++ b/contentcuration/contentcuration/frontend/settings/pages/Account/index.vue
@@ -100,7 +100,13 @@
         :text="$tr('deleteAccountLabel')"
         :appearanceOverrides="{
           backgroundColor: $themeTokens.error,
-          color: $themeTokens.textInverted
+          color: $themeTokens.textInverted,
+          ':hover': {
+            // Vuetify generates this based on theme colors, but oddly it doesn't make it
+            // available in the theme tokens
+            // TODO: Replace with KDS lighten/darken utilities
+            backgroundColor: 'var(--v-error-darken1)',
+          },
         }"
         @click="showDeleteConfirmation = true"
       />