diff --git a/modules/bar/components/notifications/NotificationItem.qml b/modules/bar/components/notifications/NotificationItem.qml
new file mode 100644
index 0000000..76365df
--- /dev/null
+++ b/modules/bar/components/notifications/NotificationItem.qml
@@ -0,0 +1,40 @@
+pragma ComponentBehavior: Bound
+
+import qs.widgets
+import QtQuick
+import QtQuick.Layouts
+import Quickshell
+import Quickshell.Widgets
+
+StyledLabel {
+    id: root
+
+    required property var modelData
+
+    margin: 16
+    anchors.left: parent.left
+    anchors.right: parent.right
+
+    RowLayout {
+        ClippingRectangle {
+            implicitWidth: icon.implicitSize
+            implicitHeight: icon.implicitSize
+            IconImage {
+                id: icon
+                implicitSize: 20
+                source: root.modelData.image == "" ? Quickshell.iconPath(root.modelData.appIcon, "device-support-unknown-symbolic") : root.modelData.image
+            }
+        }
+        ColumnLayout {
+
+            StyledText {
+                font.bold: true
+                font.pixelSize: 12
+                text: root.modelData.summary ?? root.modelData.appName
+            }
+            StyledText {
+                text: root.modelData.body
+            }
+        }
+    }
+}
diff --git a/modules/bar/components/notifications/NotificationMenu.qml b/modules/bar/components/notifications/NotificationMenu.qml
index 1b8bed1..2394209 100644
--- a/modules/bar/components/notifications/NotificationMenu.qml
+++ b/modules/bar/components/notifications/NotificationMenu.qml
@@ -61,34 +61,7 @@ StyledPopupWindow {
                     }
                 }
                 model: Notifications.list
-                delegate: StyledLabel {
-                    required property var modelData
-                    margin: 16
-                    anchors.left: parent.left
-                    anchors.right: parent.right
-                    RowLayout {
-                        ClippingRectangle {
-                            implicitWidth: icon.implicitSize
-                            implicitHeight: icon.implicitSize
-                            IconImage {
-                                id: icon
-                                implicitSize: 20
-                                source: modelData.image == "" ? Quickshell.iconPath(modelData.appIcon, "device-support-unknown-symbolic") : modelData.image
-                            }
-                        }
-                        ColumnLayout {
-
-                            StyledText {
-                                font.bold: true
-                                font.pixelSize: 12
-                                text: modelData.summary ?? modelData.appName
-                            }
-                            StyledText {
-                                text: modelData.body
-                            }
-                        }
-                    }
-                }
+                delegate: NotificationItem {}
             }
         }
     }