From 8e83d83324364863bdd42a918ded68968e40389f Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Tue, 11 Aug 2026 01:28:17 -0400
Subject: [PATCH] fix: left-edge clipping of the terminal cloud icon and
 account profile avatar (#27691)

---
 .../components/chat/Settings/Account/UserProfileImage.svelte    | 2 +-
 src/lib/components/icons/Cloud.svelte                           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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}