diff --git a/assets/js/src/form_editor/store/blocks_to_form_body.jsx b/assets/js/src/form_editor/store/blocks_to_form_body.jsx
index 9f4e31f9e4..2d80b07254 100644
--- a/assets/js/src/form_editor/store/blocks_to_form_body.jsx
+++ b/assets/js/src/form_editor/store/blocks_to_form_body.jsx
@@ -166,6 +166,11 @@ export const blocksToFormBodyFactory = (colorDefinitions, fontSizeDefinitions, c
                 block.attributes.textColor,
                 block.attributes.customTextColor
               ),
+              background_color: mapColorSlugToValue(
+                colorDefinitions,
+                block.attributes.backgroundColor,
+                block.attributes.customBackgroundColor
+              ),
               anchor: block.attributes.anchor || null,
               class_name: block.attributes.className || null,
             },
diff --git a/tests/javascript/form_editor/store/blocks_to_form_body.spec.js b/tests/javascript/form_editor/store/blocks_to_form_body.spec.js
index f01d465169..91f6d83440 100644
--- a/tests/javascript/form_editor/store/blocks_to_form_body.spec.js
+++ b/tests/javascript/form_editor/store/blocks_to_form_body.spec.js
@@ -399,6 +399,7 @@ describe('Blocks to Form Body', () => {
         level: 3,
         align: 'center',
         customTextColor: '#123',
+        customBackgroundColor: '#321',
         anchor: 'anchor',
         className: 'class',
       },
@@ -408,6 +409,7 @@ describe('Blocks to Form Body', () => {
     expect(input.params.level).to.be.equal(3);
     expect(input.params.align).to.be.equal('center');
     expect(input.params.text_color).to.be.equal('#123');
+    expect(input.params.background_color).to.be.equal('#321');
     expect(input.params.anchor).to.be.equal('anchor');
     expect(input.params.class_name).to.be.equal('class');
   });