From 88cd44c3021b1c54a5503e168b44681c09c0eeae Mon Sep 17 00:00:00 2001
From: Igor Sirotin <sirotin@status.im>
Date: Thu, 4 May 2023 18:37:33 +0300
Subject: [PATCH] fix(StatusMessage): Highlight rectangle size matches the
 background (#10553)

---
 .../src/StatusQ/Components/StatusMessage.qml  | 37 +++++++++----------
 1 file changed, 18 insertions(+), 19 deletions(-)

diff --git a/ui/StatusQ/src/StatusQ/Components/StatusMessage.qml b/ui/StatusQ/src/StatusQ/Components/StatusMessage.qml
index feea67ce50..56e15027ed 100644
--- a/ui/StatusQ/src/StatusQ/Components/StatusMessage.qml
+++ b/ui/StatusQ/src/StatusQ/Components/StatusMessage.qml
@@ -128,25 +128,6 @@ Control {
             return "transparent";
         }
 
-        Rectangle {
-            anchors {
-                top: parent.top
-                bottom: parent.bottom
-                left: parent.left
-            }
-            width: 2
-            visible: root.isPinned || root.hasMention
-            color: root.hasMention ? Theme.palette.mentionColor1 : root.isPinned ? Theme.palette.pinColor1
-                                                                                 : "transparent" // not visible really
-        }
-    }
-
-    contentItem: Item {
-
-        implicitWidth: messageLayout.implicitWidth
-        implicitHeight: messageLayout.implicitHeight
-
-
         SequentialAnimation {
             id: messageFoundAnimation
 
@@ -178,6 +159,24 @@ Control {
             color: Theme.palette.messageHighlightColor
         }
 
+        Rectangle {
+            anchors {
+                top: parent.top
+                bottom: parent.bottom
+                left: parent.left
+            }
+            width: 2
+            visible: root.isPinned || root.hasMention
+            color: root.hasMention ? Theme.palette.mentionColor1 : root.isPinned ? Theme.palette.pinColor1
+                                                                                 : "transparent" // not visible really
+        }
+    }
+
+    contentItem: Item {
+
+        implicitWidth: messageLayout.implicitWidth
+        implicitHeight: messageLayout.implicitHeight
+
         MouseArea {
             id: mouseArea
             anchors.fill: parent