diff --git a/packages/messagePanel/tests/__snapshots__/messagePanel.test.tsx.snap b/packages/messagePanel/tests/__snapshots__/messagePanel.test.tsx.snap
index ad3e17d65..481d611d8 100644
--- a/packages/messagePanel/tests/__snapshots__/messagePanel.test.tsx.snap
+++ b/packages/messagePanel/tests/__snapshots__/messagePanel.test.tsx.snap
@@ -35,12 +35,12 @@ exports[`MessagePanel appearance='error' 1`] = `
                 xlink:href="#system-circle-close"
               />
             </svg>
-            <div
+            <span
               class="css-m1scup"
               data-cy="spacingBox"
             >
               Heading
-            </div>
+            </span>
           </h2>
         </div>
         <div
diff --git a/packages/styleUtils/modifiers/components/SpacingBox.tsx b/packages/styleUtils/modifiers/components/SpacingBox.tsx
index e63fc5d68..66abfb95c 100644
--- a/packages/styleUtils/modifiers/components/SpacingBox.tsx
+++ b/packages/styleUtils/modifiers/components/SpacingBox.tsx
@@ -46,7 +46,12 @@ const SpacingBox = (props: SpacingBoxProps) => {
     : padding(side, spacingSize);
 
   return (
-    <Box className={cx(className, paddingStyles)} data-cy={dataCy} {...other} />
+    <Box
+      className={cx(className, paddingStyles)}
+      data-cy={dataCy}
+      tag={tag}
+      {...other}
+    />
   );
 };