diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/skeleton/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/skeleton/Examples.tsx
index bb06f773e0d..8e5ec395bed 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/skeleton/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/skeleton/Examples.tsx
@@ -201,14 +201,15 @@ export const SkeletonInfoCustom = () => (
         skeletonDOMAttributes(params, skeleton, context)
 
         // Handle CSS classes – use either "shape" or "font"
-        params.className = createSkeletonClass('font', skeleton, context)
+        const className = createSkeletonClass('font', skeleton, context)
 
         return (
-          <div id="my-component" {...params}>
+          <div {...params} id="my-component" className={className}>
             Hello World
           </div>
         )
       }
+
       return <Component />
     }}
   </ComponentBox>