From 74c0c25f74f3cca22be8b5a40931464d416b2000 Mon Sep 17 00:00:00 2001
From: Sage Abdullah <sage.abdullah@torchbox.com>
Date: Mon, 15 Jul 2024 16:43:37 +0100
Subject: [PATCH] Fill the hole in the warning icon

---
 client/scss/components/_editing-sessions.scss         | 11 +++++++++--
 .../wagtailadmin/shared/editing_sessions/list.html    |  1 +
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/client/scss/components/_editing-sessions.scss b/client/scss/components/_editing-sessions.scss
index ad1ae59e1f..11b91333aa 100644
--- a/client/scss/components/_editing-sessions.scss
+++ b/client/scss/components/_editing-sessions.scss
@@ -10,10 +10,15 @@
   @apply w-relative;
 
   .icon {
-    @apply w-w-4 w-h-4 w-absolute -w-bottom-2 w-left-2 w-z-10 w-stroke-surface-header w-shadow-white;
+    @apply w-w-4 w-h-4 w-absolute -w-bottom-2 w-left-2 w-z-20 w-stroke-surface-header w-shadow-white;
   }
 }
 
+.w-editing-sessions__decorator-filler {
+  /* HACK: fill the 'hole' inside the warning icon with a solid bg-surface-header */
+  @apply w-block w-w-[3px] w-h-2 w-absolute w-bottom-[-5px] w-left-[14.5px] w-bg-surface-header w-z-10;
+}
+
 .w-editing-sessions__popup {
   @apply w-flex w-flex-col w-items-center w-justify-center w-gap-1;
 }
@@ -33,7 +38,9 @@
 .w-editing-sessions__session {
   @apply w-p-0 w-bg-transparent;
 
-  [aria-expanded='true'] .w-editing-sessions__decorated-avatar .icon {
+  [aria-expanded='true']
+    .w-editing-sessions__decorated-avatar
+    :where(.icon, .w-editing-sessions__decorator-filler) {
     @apply w-hidden;
   }
 }
diff --git a/wagtail/admin/templates/wagtailadmin/shared/editing_sessions/list.html b/wagtail/admin/templates/wagtailadmin/shared/editing_sessions/list.html
index 6c241b5838..cbebfb30cb 100644
--- a/wagtail/admin/templates/wagtailadmin/shared/editing_sessions/list.html
+++ b/wagtail/admin/templates/wagtailadmin/shared/editing_sessions/list.html
@@ -12,6 +12,7 @@
                     <div class="w-editing-sessions__decorated-avatar">
                         {{ avatar }}
                         {% icon name="warning" %}
+                        <span class="w-editing-sessions__decorator-filler"></span>
                     </div>
                 {% endfragment %}