diff --git a/packages/sdk-components-react/src/head-slot.tsx b/packages/sdk-components-react/src/head-slot.tsx
index c08109630278..f598634be188 100644
--- a/packages/sdk-components-react/src/head-slot.tsx
+++ b/packages/sdk-components-react/src/head-slot.tsx
@@ -26,7 +26,6 @@ export const HeadSlot = forwardRef<
     <div
       ref={ref}
       style={{
-        backgroundColor: "rgba(255,255,255,1)",
         padding: "8px",
         position: "fixed",
         top: 0,
diff --git a/packages/sdk-components-react/src/xml-node.tsx b/packages/sdk-components-react/src/xml-node.tsx
index 797a202f9b05..6bc6cda9cbad 100644
--- a/packages/sdk-components-react/src/xml-node.tsx
+++ b/packages/sdk-components-react/src/xml-node.tsx
@@ -71,7 +71,7 @@ export const XmlNode = forwardRef<ElementRef<"div">, Props>(
     };
 
     return (
-      <div {...props}>
+      <div {...props} style={{ backgroundColor: "rgba(255,255,255,1)" }}>
         <span>
           <span style={{ color: "#800000" }}>&lt;{elementName}</span>
           {attributeEntries.length > 0 && renderAttributes(attributeEntries)}