diff --git a/src/components/Editor/extensions/CustomBlockquote.ts b/src/components/Editor/extensions/CustomBlockquote.ts
index 3a351e27..2c700412 100644
--- a/src/components/Editor/extensions/CustomBlockquote.ts
+++ b/src/components/Editor/extensions/CustomBlockquote.ts
@@ -17,7 +17,9 @@ export const CustomBlockquote = Blockquote.extend({
   content: 'block+',
 
   addOptions(): BlockquoteOptions {
-    return {} as BlockquoteOptions
+    return {
+      HTMLAttributes: { class: 'blockquote' }
+    } as BlockquoteOptions
   },
 
   addAttributes() {
diff --git a/src/components/Editor/extensions/Figcaption.ts b/src/components/Editor/extensions/Figcaption.ts
index 32d8c8d0..04bc77f4 100644
--- a/src/components/Editor/extensions/Figcaption.ts
+++ b/src/components/Editor/extensions/Figcaption.ts
@@ -12,7 +12,7 @@ export const Figcaption = Node.create({
 
   addOptions() {
     return {
-      HTMLAttributes: {}
+      HTMLAttributes: { class: 'figcaption' }
     }
   },
 
diff --git a/src/components/Editor/extensions/Figure.ts b/src/components/Editor/extensions/Figure.ts
index 2605e4e3..30c86d5f 100644
--- a/src/components/Editor/extensions/Figure.ts
+++ b/src/components/Editor/extensions/Figure.ts
@@ -12,7 +12,7 @@ export const Figure = Node.create({
   name: 'figure',
   addOptions() {
     return {
-      HTMLAttributes: {}
+      HTMLAttributes: { class: 'figure' }
     }
   },
   group: 'block',
diff --git a/src/components/Editor/extensions/Footnote.ts b/src/components/Editor/extensions/Footnote.ts
index e95b6821..a29a76d6 100644
--- a/src/components/Editor/extensions/Footnote.ts
+++ b/src/components/Editor/extensions/Footnote.ts
@@ -14,7 +14,7 @@ export const Footnote = Node.create({
   name: 'footnote',
   addOptions() {
     return {
-      HTMLAttributes: {}
+      HTMLAttributes: { class: 'footnote' }
     }
   },
   group: 'inline',