diff --git a/res/css/views/elements/_FacePile.pcss b/res/css/views/elements/_FacePile.pcss
index ecc801cb51..921965dd59 100644
--- a/res/css/views/elements/_FacePile.pcss
+++ b/res/css/views/elements/_FacePile.pcss
@@ -20,6 +20,7 @@ limitations under the License.
     width: 30px;
     height: 30px;
     background-color: $spacePanel-bg-color;
+    display: inline-block;
 
     &::before {
         content: "";
diff --git a/src/components/views/elements/FacePile.tsx b/src/components/views/elements/FacePile.tsx
index ab71cff7cb..2ade713816 100644
--- a/src/components/views/elements/FacePile.tsx
+++ b/src/components/views/elements/FacePile.tsx
@@ -57,7 +57,8 @@ const FacePile: FC<IProps> = ({
 
     const pileContents = (
         <>
-            {overflow ? <span className="mx_FacePile_more" /> : null}
+            {/* XXX: The margin-left is a workaround for Compound's styling excluding this element and being overly specific */}
+            {overflow ? <span className="mx_FacePile_more" style={{ marginLeft: `calc(${size} * -0.2)` }} /> : null}
             {faces}
         </>
     );