diff --git a/app/components/Settings/AccentColorPicker.vue b/app/components/Settings/AccentColorPicker.vue
index 4680eea902..768976d054 100644
--- a/app/components/Settings/AccentColorPicker.vue
+++ b/app/components/Settings/AccentColorPicker.vue
@@ -10,6 +10,13 @@ onPrehydrate(el => {
     const input = el.querySelector<HTMLInputElement>(`input[value="${id}"]`)
     if (input) {
       input.checked = true
+      input.setAttribute('checked', '')
+    }
+    // Remove checked from the server-default (clear button, value="")
+    const clearInput = el.querySelector<HTMLInputElement>('input[value=""]')
+    if (clearInput) {
+      clearInput.checked = false
+      clearInput.removeAttribute('checked')
     }
   }
 })