From b602ae3bd58bb896e88194fc43256fc917909f3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9s=20Alvarez?=
 <andres.alvarez@andresalvarez-MacBook-Pro-7R6H.local>
Date: Thu, 15 Feb 2024 14:38:53 +0100
Subject: [PATCH] feat(components/perf/dynamicRendering): small improvements
 for cls

---
 components/perf/dynamicRendering/src/index.js   | 2 +-
 components/perf/dynamicRendering/src/index.scss | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

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%;
 }