diff --git a/applets/notifications/package/contents/ui/CompactRepresentation.qml b/applets/notifications/package/contents/ui/CompactRepresentation.qml
index 957b8f216..4a5a99843 100644
--- a/applets/notifications/package/contents/ui/CompactRepresentation.qml
+++ b/applets/notifications/package/contents/ui/CompactRepresentation.qml
@@ -1,182 +1,207 @@
 /*
  * Copyright 2018-2019 Kai Uwe Broulik <kde@privat.broulik.de>
  *
  * This program is free software; you can redistribute it and/or
  * modify it under the terms of the GNU General Public License as
  * published by the Free Software Foundation; either version 2 of
  * the License or (at your option) version 3 or any later version
  * accepted by the membership of KDE e.V. (or its successor approved
  * by the membership of KDE e.V.), which shall act as a proxy
  * defined in Section 14 of version 3 of the license.
  *
  * This program is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
  *
  * You should have received a copy of the GNU General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>
  */
 
 import QtQuick 2.8
 import QtQuick.Layouts 1.1
 
 import org.kde.plasma.core 2.0 as PlasmaCore
 import org.kde.plasma.components 2.0 as PlasmaComponents
 
 MouseArea {
     id: compactRoot
 
     readonly property bool inPanel: (plasmoid.location === PlasmaCore.Types.TopEdge
         || plasmoid.location === PlasmaCore.Types.RightEdge
         || plasmoid.location === PlasmaCore.Types.BottomEdge
         || plasmoid.location === PlasmaCore.Types.LeftEdge)
 
     Layout.minimumWidth: plasmoid.formFactor === PlasmaCore.Types.Horizontal ? height : units.iconSizes.small
     Layout.minimumHeight: plasmoid.formFactor === PlasmaCore.Types.Vertical ? width : (units.iconSizes.small + 2 * theme.mSize(theme.defaultFont).height)
 
     Layout.maximumWidth: inPanel ? units.iconSizeHints.panel : -1
     Layout.maximumHeight: inPanel ? units.iconSizeHints.panel : -1
 
     property int activeCount: 0
     property int unreadCount: 0
 
     property int jobsCount: 0
     property int jobsPercentage: 0
 
     property bool inhibited: false
 
     property bool wasExpanded: false
     onPressed: wasExpanded = plasmoid.expanded
     onClicked: plasmoid.expanded = !wasExpanded
 
     PlasmaCore.Svg {
         id: notificationSvg
         imagePath: "icons/notification"
         colorGroup: PlasmaCore.ColorScope.colorGroup
     }
 
     PlasmaCore.SvgItem {
         id: notificationIcon
         anchors.centerIn: parent
         width: units.roundToIconSize(Math.min(parent.width, parent.height))
         height: width
         svg: notificationSvg
         visible: opacity > 0
 
         elementId: "notification-inactive"
 
         Item {
             id: jobProgressItem
             anchors {
                 left: parent.left
                 top: parent.top
                 bottom: parent.bottom
             }
             width: notificationIcon.width * (jobsPercentage / 100)
 
             clip: true
             visible: false
 
             PlasmaCore.SvgItem {
                 anchors {
                     left: parent.left
                     top: parent.top
                     bottom: parent.bottom
                 }
                 width: notificationIcon.width
 
                 svg: notificationSvg
                 elementId: "notification-progress-active"
             }
         }
 
         PlasmaComponents.Label {
             id: countLabel
             anchors.centerIn: parent
             width: Math.round(Math.min(parent.width, parent.height) * (text.length > 1 ? 0.67 : 0.75))
             height: width
             fontSizeMode: Text.Fit
             font.pointSize: 1024
             font.pixelSize: -1
             minimumPointSize: 5//theme.smallestFont.pointSize
             horizontalAlignment: Text.AlignHCenter
             verticalAlignment: Text.AlignVCenter
             text: compactRoot.unreadCount || ""
             renderType: Text.QtRendering
             visible: false
         }
 
         PlasmaComponents.BusyIndicator {
             id: busyIndicator
             anchors.fill: parent
             visible: false
             running: visible
         }
     }
 
     PlasmaCore.IconItem {
         id: dndIcon
         anchors.fill: parent
         source: "notifications-disabled"
         opacity: 0
         scale: 2
         visible: opacity > 0
     }
 
     states: [
         State { // active process
             when: compactRoot.jobsCount > 0
             PropertyChanges {
                 target: notificationIcon
                 elementId: "notification-progress-inactive"
             }
             PropertyChanges {
                 target: countLabel
                 text: compactRoot.jobsCount
                 visible: true
             }
             PropertyChanges {
                 target: busyIndicator
                 visible: true
             }
             PropertyChanges {
                 target: jobProgressItem
                 visible: true
             }
         },
         State { // do not disturb
             when: compactRoot.inhibited
             PropertyChanges {
                 target: dndIcon
                 scale: 1
                 opacity: 1
             }
             PropertyChanges {
                 target: notificationIcon
                 scale: 0
                 opacity: 0
             }
         },
         State { // unread notifications
+            name: "UNREAD"
             when: compactRoot.unreadCount > 0
             PropertyChanges {
                 target: notificationIcon
                 elementId: "notification-active"
             }
         }
     ]
 
     transitions: [
         Transition {
             to: "*" // any state
             NumberAnimation {
                 targets: [notificationIcon, dndIcon]
                 properties: "opacity,scale"
                 duration: units.longDuration
                 easing.type: Easing.InOutQuad
             }
+        },
+        Transition {
+            from: ""
+            to: "UNREAD"
+            SequentialAnimation {
+                RotationAnimation {
+                    target: notificationIcon
+                    to: 30
+                    easing.type: Easing.InOutQuad
+                    duration: units.longDuration
+                }
+                RotationAnimation {
+                    target: notificationIcon
+                    to: -30
+                    easing.type: Easing.InOutQuad
+                    duration: units.longDuration * 2 // twice the swing distance, keep speed uniform
+                }
+                RotationAnimation {
+                    target: notificationIcon
+                    to: 0
+                    easing.type: Easing.InOutQuad
+                    duration: units.longDuration
+                }
+            }
         }
     ]
 
 }