diff --git a/src/plugins/built-in/profilePicture/ProfilePictureSetting.svelte b/src/plugins/built-in/profilePicture/ProfilePictureSetting.svelte
index de99cb0c..4e36ade9 100644
--- a/src/plugins/built-in/profilePicture/ProfilePictureSetting.svelte
+++ b/src/plugins/built-in/profilePicture/ProfilePictureSetting.svelte
@@ -86,7 +86,10 @@
     <img src={value} alt="Profile" class="object-cover rounded-full size-10" />
     <button
       class="flex justify-center items-center m-1 text-lg dark:text-white size-7"
-      onclick={removeImage}
+      onclick={(e) => {
+        e.stopPropagation()
+        removeImage()
+      }}
     >&#215;</button>
   {:else}
     <div class="flex gap-2 items-center px-3 py-1 text-xs rounded-lg border border-dashed transition border-zinc-300 dark:border-zinc-600 text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-300">
diff --git a/src/plugins/built-in/profilePicture/styles.css b/src/plugins/built-in/profilePicture/styles.css
index 11030720..6d7d6440 100644
--- a/src/plugins/built-in/profilePicture/styles.css
+++ b/src/plugins/built-in/profilePicture/styles.css
@@ -7,4 +7,13 @@
   border-radius: 50%;
   object-fit: cover;
   z-index: 4;
+  box-shadow: 0 0 3px 3px #0000000a;
 }
+
+.dark .userInfoImg {
+  box-shadow: 0 0 0 3px #ffffff;
+  width: 70%;
+  height: 70%;
+  top: 15%;
+  left: 15%;
+}
\ No newline at end of file