diff --git a/src/lib/components/chat/Settings/Account/UserProfileImage.svelte b/src/lib/components/chat/Settings/Account/UserProfileImage.svelte
index 2898b25aa3..79a1fde541 100644
--- a/src/lib/components/chat/Settings/Account/UserProfileImage.svelte
+++ b/src/lib/components/chat/Settings/Account/UserProfileImage.svelte
@@ -85,7 +85,7 @@
 	<div class="mb-2 flex items-center gap-4">
 		<button
 			class="group relative flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-full bg-gray-100
-			ring-1 ring-gray-200 transition-all duration-200 hover:ring-2 hover:ring-gray-300 dark:bg-white/8 dark:ring-white/10 dark:hover:ring-white/20"
+			ring-1 ring-inset ring-gray-200 transition-all duration-200 hover:ring-2 hover:ring-gray-300 dark:bg-white/8 dark:ring-white/10 dark:hover:ring-white/20"
 			type="button"
 			on:click={() => {
 				profileImageInputElement.click();
diff --git a/src/lib/components/icons/Cloud.svelte b/src/lib/components/icons/Cloud.svelte
index f314c5fe0c..c9ac73f53d 100644
--- a/src/lib/components/icons/Cloud.svelte
+++ b/src/lib/components/icons/Cloud.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <svg
-	class={className}
+	class="overflow-visible {className}"
 	aria-hidden="true"
 	xmlns="http://www.w3.org/2000/svg"
 	stroke-width={strokeWidth}