Fix comments notice background overflow (#9567)

CHANGELOG.txt

@@ -21,6 +21,7 @@ Changelog
  * Fix: Incorrectly formatted link in the documentation for Wagtail community support (Bolarinwa Comfort Ajayi)
  * Fix: Text within status tags text will now resize correctly when customizing browser font size (Mary Ojo)
  * Fix: Ensure logo shows correctly on log in page in Windows high-contrast mode (Loveth Omokaro)
+ * Fix: Commments notice background overflows its container (Yekasumah)
 
 
 4.1 LTS (01.11.2022)

CONTRIBUTORS.rst

@@ -658,6 +658,7 @@ Contributors
 * Marvis Chukwudi
 * Jordan Rob
 * Juliet Adeboye
+* Yekasumah
 
 Translators
 ===========

client/src/components/CommentApp/main.scss

@@ -72,8 +72,8 @@ $box-padding: 10px;
     }
   }
 
-  > :last-child &__notice {
-    bottom: -$box-padding;
+  & > &__notice-placeholder:last-child &__notice,
+  &__replies:last-child > :last-child &__notice {
     // Remove once we drop support for Safari 14.
     // stylelint-disable-next-line property-disallowed-list
     border-bottom-left-radius: $box-border-radius;