diff --git a/components/preferences/profile/image-uploader.vue b/components/preferences/profile/image-uploader.vue
index 04b7296..272b0c9 100644
--- a/components/preferences/profile/image-uploader.vue
+++ b/components/preferences/profile/image-uploader.vue
@@ -4,7 +4,7 @@
             <Button v-bind="$attrs" variant="ghost" class="h-fit w-fit p-0 m-0 relative group border overflow-hidden">
                 <Avatar size="lg" :src="image" :name="displayName" />
                 <div
-                    class="absolute inset-0 bg-black/80 flex group-hover:opacity-100 opacity-0 duration-200 items-center justify-center">
+                    class="absolute inset-0 bg-background/80 flex group-hover:opacity-100 opacity-0 duration-200 items-center justify-center">
                     <Upload />
                 </div>
             </Button>