From d6306f51e114bb07d946f6d07331b5b940d0cd6a Mon Sep 17 00:00:00 2001
From: Anthony Stirling <77850077+frooodle@users.noreply.github.com>
Date: Wed, 10 Jun 2026 15:04:12 +0100
Subject: [PATCH] fix: no blue disc behind the sidebar profile picture

Keep the colored background only for the initials fallback; a real
photo fills the circle with a transparent backing.
---
 frontend/editor/src/core/components/shared/FileSidebar.css | 5 +++++
 frontend/editor/src/core/components/shared/FileSidebar.tsx | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/editor/src/core/components/shared/FileSidebar.css b/frontend/editor/src/core/components/shared/FileSidebar.css
index fce21b32c..3ae429742 100644
--- a/frontend/editor/src/core/components/shared/FileSidebar.css
+++ b/frontend/editor/src/core/components/shared/FileSidebar.css
@@ -399,6 +399,11 @@
   overflow: hidden;
 }
 
+/* No colored disc behind an actual photo; keep it for the initials fallback. */
+.file-sidebar-bottom-avatar--picture {
+  background-color: transparent;
+}
+
 .file-sidebar-bottom-avatar-img {
   width: 100%;
   height: 100%;
diff --git a/frontend/editor/src/core/components/shared/FileSidebar.tsx b/frontend/editor/src/core/components/shared/FileSidebar.tsx
index 2d6dc79d2..fb02ebf09 100644
--- a/frontend/editor/src/core/components/shared/FileSidebar.tsx
+++ b/frontend/editor/src/core/components/shared/FileSidebar.tsx
@@ -944,7 +944,9 @@ const FileSidebar = forwardRef<HTMLDivElement, FileSidebarProps>(
             style={onOpenSettings ? { cursor: "pointer" } : undefined}
           >
             <div
-              className="file-sidebar-bottom-avatar"
+              className={`file-sidebar-bottom-avatar${
+                showProfilePicture ? " file-sidebar-bottom-avatar--picture" : ""
+              }`}
               aria-label={displayName}
             >
               {showProfilePicture ? (