diff --git a/packages/editor/src/extensions/callout/callout.ts b/packages/editor/src/extensions/callout/callout.ts
index 449ced598..6793a9275 100644
--- a/packages/editor/src/extensions/callout/callout.ts
+++ b/packages/editor/src/extensions/callout/callout.ts
@@ -217,14 +217,14 @@ export const Callout = Node.create({
     return ({ node, getPos, editor, HTMLAttributes }) => {
       const container = document.createElement("div");
 
-      container.classList.add("callout");
-      if (node.attrs.collapsed) container.classList.add("collapsed");
-      else container.classList.remove("collapsed");
-
       for (const attr in HTMLAttributes) {
         container.setAttribute(attr, HTMLAttributes[attr]);
       }
 
+      container.classList.add("callout");
+      if (node.attrs.collapsed) container.classList.add("collapsed");
+      else container.classList.remove("collapsed");
+
       function onClick(e: MouseEvent | TouchEvent) {
         if (e instanceof MouseEvent && e.button !== 0) return;
         if (!(e.target instanceof HTMLHeadingElement)) return;