Make it obvious that this is a notification and not the actual message

resources/qml/delegates/Encrypted.qml

@@ -4,16 +4,38 @@
 
 import ".."
 import QtQuick 2.15
-import QtQuick.Controls 2.1
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
 import im.nheko 1.0
 
-Column {
+Rectangle {
     id: r
 
     required property int encryptionError
     required property string eventId
 
+    radius: height / 4
     width: parent ? parent.width : undefined
+    height: contents.implicitHeight + Nheko.paddingMedium * 2
+    color: Nheko.colors.alternateBase
+
+    RowLayout {
+        id: contents
+
+        anchors.fill: parent
+        anchors.margins: Nheko.paddingMedium
+        spacing: Nheko.paddingMedium
+
+        Image {
+            source: "image://colorimage/:/icons/icons/ui/shield-filled-cross.svg?" + Nheko.theme.error
+            Layout.alignment: Qt.AlignVCenter
+            width: 24
+            height: width
+        }
+
+        Column {
+            spacing: Nheko.paddingSmall
+            Layout.fillWidth: true
 
             MatrixText {
                 text: {
@@ -35,7 +57,7 @@ Column {
                     }
                 }
                 color: Nheko.colors.buttonText
-        width: r ? r.width : undefined
+                width: parent ? parent.width : undefined
             }
 
             Button {
@@ -46,3 +68,7 @@ Column {
             }
 
         }
+
+    }
+
+}