diff --git a/src/components/SkeletonPlaceholder/SkeletonPlaceholder.stories.js b/src/components/SkeletonPlaceholder/SkeletonPlaceholder.stories.js
index d660ec41..7a1b54f6 100644
--- a/src/components/SkeletonPlaceholder/SkeletonPlaceholder.stories.js
+++ b/src/components/SkeletonPlaceholder/SkeletonPlaceholder.stories.js
@@ -1,7 +1,7 @@
 import { withKnobs, select } from '@storybook/addon-knobs';
 import Component from './SkeletonPlaceholder.Story.svelte';
 
-export default { title: 'Skeleton Placeholder', decorators: [withKnobs] };
+export default { title: 'SkeletonPlaceholder', decorators: [withKnobs] };
 
 const classes = {
   'my--skeleton__placeholder--small': 'my--skeleton__placeholder--small',
diff --git a/src/components/SkeletonPlaceholder/SkeletonPlaceholder.svelte b/src/components/SkeletonPlaceholder/SkeletonPlaceholder.svelte
index 94b8e9b7..46ccad33 100644
--- a/src/components/SkeletonPlaceholder/SkeletonPlaceholder.svelte
+++ b/src/components/SkeletonPlaceholder/SkeletonPlaceholder.svelte
@@ -1,11 +1,11 @@
 <script>
   let className = undefined;
   export { className as class };
-  export let props = {};
+  export let style = undefined;
 
   import { cx } from '../../lib';
 
   const _class = cx('--skeleton__placeholder', className);
 </script>
 
-<div {...props} class={_class} />
+<div on:click on:mouseover on:mouseenter on:mouseleave {style} class={_class} />