diff --git a/app/assets/javascripts/discourse/widgets/default-notification-item.js b/app/assets/javascripts/discourse/widgets/default-notification-item.js
index da741f45aa9..60e4c94ed1f 100644
--- a/app/assets/javascripts/discourse/widgets/default-notification-item.js
+++ b/app/assets/javascripts/discourse/widgets/default-notification-item.js
@@ -163,7 +163,7 @@ export const DefaultNotificationItem = createWidget(
         this.attrs.set("read", true);
         ajax("/notifications/mark-read", {
           method: "PUT",
-          data: this.attrs.id
+          data: { id: this.attrs.id }
         });
       }
     }
diff --git a/test/javascripts/widgets/default-notification-item-test.js.es6 b/test/javascripts/widgets/default-notification-item-test.js.es6
index b7014072435..4c9795c1b55 100644
--- a/test/javascripts/widgets/default-notification-item-test.js.es6
+++ b/test/javascripts/widgets/default-notification-item-test.js.es6
@@ -32,8 +32,15 @@ widgetTest("sets notification as read on middle click", {
   },
   async test(assert) {
     let requests = 0;
-    pretender.put("/notifications/mark-read", () => {
+    pretender.put("/notifications/mark-read", request => {
       ++requests;
+
+      assert.equal(
+        request.requestBody,
+        `id=${this.args.id}`,
+        "it sets correct request parameters"
+      );
+
       return [200, { "Content-Type": "application/json" }, { success: true }];
     });