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 ? (