From efc36cb517c8c05beba815eebfef201371503106 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Wed, 5 Jul 2023 13:15:01 +0200
Subject: [PATCH] Invoice: Fix title padding (#3450)

---
 src/components/middle/message/Invoice.scss     | 5 +++++
 src/components/middle/message/Message.tsx      | 2 +-
 src/components/middle/message/MessageMeta.scss | 4 ++--
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/middle/message/Invoice.scss b/src/components/middle/message/Invoice.scss
index ae4c1b415..313d7829e 100644
--- a/src/components/middle/message/Invoice.scss
+++ b/src/components/middle/message/Invoice.scss
@@ -2,6 +2,7 @@
   .title {
     color: var(--accent-color);
     font-weight: 500;
+    margin-bottom: 0;
   }
 
   .description {
@@ -13,6 +14,10 @@
         margin: 0.5rem -0.5rem -0.375rem;
       }
 
+      .message-content.has-reactions & {
+        margin-bottom: 0;
+      }
+
       .invoice-image {
         position: relative;
         width: 100%;
diff --git a/src/components/middle/message/Message.tsx b/src/components/middle/message/Message.tsx
index 90e8f53cc..957ab23fa 100644
--- a/src/components/middle/message/Message.tsx
+++ b/src/components/middle/message/Message.tsx
@@ -1101,7 +1101,7 @@ const Message: FC<OwnProps & StateProps> = ({
         {invoice && !invoice.extendedMedia && (
           <Invoice
             message={message}
-            shouldAffectAppendix={hasCustomAppendix}
+            shouldAffectAppendix={hasCustomAppendix && !hasReactions}
             isInSelectMode={isInSelectMode}
             isSelected={isSelected}
             theme={theme}
diff --git a/src/components/middle/message/MessageMeta.scss b/src/components/middle/message/MessageMeta.scss
index d7df9f6c6..dcdd5505c 100644
--- a/src/components/middle/message/MessageMeta.scss
+++ b/src/components/middle/message/MessageMeta.scss
@@ -84,7 +84,7 @@
 
   .media:not(.text) &,
   .Message .custom-shape &,
-  .Message .invoice & {
+  .Message .invoice:not(.has-reactions) & {
     --color-accent-own: white;
     --color-accent: white;
     color: white !important;
@@ -101,7 +101,7 @@
   }
 
   .media:not(.text) &,
-  .Message .invoice & {
+  .Message .invoice:not(.has-reactions) & {
     background: rgba(0, 0, 0, 0.2);
   }