From 477d79cb92f6257005b67883b98b472a175ae445 Mon Sep 17 00:00:00 2001
From: Germain <germains@element.io>
Date: Fri, 22 Sep 2023 16:31:52 +0100
Subject: [PATCH] Fix FacePile 'more' rendering

---
 res/css/views/elements/_FacePile.pcss      | 3 ++-
 src/components/views/elements/FacePile.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/res/css/views/elements/_FacePile.pcss b/res/css/views/elements/_FacePile.pcss
index ecc801cb51..a1e448861f 100644
--- a/res/css/views/elements/_FacePile.pcss
+++ b/res/css/views/elements/_FacePile.pcss
@@ -19,7 +19,8 @@ limitations under the License.
     border-radius: 100%;
     width: 30px;
     height: 30px;
-    background-color: $spacePanel-bg-color;
+    background-color: $panels;
+    display: inline-block;
 
     &::before {
         content: "";
diff --git a/src/components/views/elements/FacePile.tsx b/src/components/views/elements/FacePile.tsx
index ab71cff7cb..d7570fdfa7 100644
--- a/src/components/views/elements/FacePile.tsx
+++ b/src/components/views/elements/FacePile.tsx
@@ -57,8 +57,8 @@ const FacePile: FC<IProps> = ({
 
     const pileContents = (
         <>
-            {overflow ? <span className="mx_FacePile_more" /> : null}
             {faces}
+            {overflow ? <span className="mx_FacePile_more" /> : null}
         </>
     );