diff --git a/components/perf/dynamicRendering/src/index.js b/components/perf/dynamicRendering/src/index.js
index b1fa9bcee..f4c1572ac 100644
--- a/components/perf/dynamicRendering/src/index.js
+++ b/components/perf/dynamicRendering/src/index.js
@@ -54,7 +54,7 @@ export default function PerfDynamicRendering({
     )
   } else if (placeholder) {
     // so, we're on the server side or the component is disabled
-    return placeholder
+    return <div className="sui-PerfDynamicRendering-placeholder">{placeholder}</div>
   } else {
     return <div style={{containIntrinsicSize: `auto ${height}px`, height: `${height}px`, marginBottom: '1px'}} />
   }
diff --git a/components/perf/dynamicRendering/src/index.scss b/components/perf/dynamicRendering/src/index.scss
index e788f3344..3445bed6d 100644
--- a/components/perf/dynamicRendering/src/index.scss
+++ b/components/perf/dynamicRendering/src/index.scss
@@ -1,3 +1,4 @@
 .sui-PerfDynamicRendering-placeholder {
   content-visibility: auto;
+  width: 100%;
 }