diff --git a/src/components/editor/previews/SkeletonPreview.tsx b/src/components/editor/previews/SkeletonPreview.tsx
index 18bfe74a0e..f6f7256e63 100644
--- a/src/components/editor/previews/SkeletonPreview.tsx
+++ b/src/components/editor/previews/SkeletonPreview.tsx
@@ -8,17 +8,15 @@ const SkeletonPreview: React.FC<{ component: IComponent }> = ({
   component,
 }) => {
   const { drop, isOver } = useDropComponent(component.id)
-  const { props, ref } = useInteractive(component, true)
-
-  let boxProps: any = {}
+  const { props, ref } = useInteractive(component, true, true)
 
   if (isOver) {
     props.bg = 'teal.50'
   }
 
   return (
-    <Box ref={drop(ref)} {...boxProps}>
-      <Skeleton {...props}>
+    <Box ref={drop(ref)} {...props} m={0}>
+      <Skeleton {...component.props}>
         {component.children.map((key: string) => (
           <ComponentPreview key={key} componentName={key} />
         ))}
@@ -49,18 +47,16 @@ export const SkeletonTextPreview = ({ component }: IPreviewProps) => {
 }
 
 export const SkeletonCirclePreview = ({ component }: IPreviewProps) => {
-  const { props, ref } = useInteractive(component, true)
+  const { props, ref } = useInteractive(component, true, true)
   const { drop, isOver } = useDropComponent(component.id)
 
-  let boxProps: any = {}
-
   if (isOver) {
     props.bg = 'teal.50'
   }
 
   return (
-    <Box ref={drop(ref)} {...boxProps}>
-      <SkeletonCircle {...props}>
+    <Box display="inline-block" ref={drop(ref)} {...props}>
+      <SkeletonCircle {...component.props}>
         {component.children.map((key: string) => (
           <ComponentPreview key={key} componentName={key} />
         ))}
diff --git a/src/utils/defaultProps.tsx b/src/utils/defaultProps.tsx
index 28e4544a20..6ee834d654 100644
--- a/src/utils/defaultProps.tsx
+++ b/src/utils/defaultProps.tsx
@@ -300,9 +300,26 @@ export const DEFAULT_PROPS: PreviewDefaultProps = {
     alignItems: 'center',
   },
   StatGroup: {},
-  Skeleton: {},
-  SkeletonCircle: {},
-  SkeletonText: {},
+  Skeleton: {
+    height: 50,
+
+    form: {
+      fadeDuration: 0.4,
+      speed: 0.8,
+    },
+  },
+  SkeletonCircle: {
+    form: {
+      fadeDuration: 0.4,
+      speed: 0.8,
+    },
+  },
+  SkeletonText: {
+    form: {
+      fadeDuration: 0.4,
+      speed: 0.8,
+    },
+  },
   Switch: {
     isChecked: false,
   },