diff --git a/src/components/Skeleton.tsx b/src/components/Skeleton.tsx
index 463ee22e1..dbbd1ba96 100644
--- a/src/components/Skeleton.tsx
+++ b/src/components/Skeleton.tsx
@@ -42,7 +42,7 @@ const Skeleton: React.FC<SkeletonProps> = props => {
   const classes = useStyles(props);
 
   return children ? (
-    (children as React.ReactElement)
+    <>{children}</>
   ) : (
     <span
       data-test-id="skeleton"
diff --git a/src/giftCards/GiftCardCreateDialog/ContentWithProgress.tsx b/src/giftCards/GiftCardCreateDialog/ContentWithProgress.tsx
index afbb27494..c70fbbe20 100644
--- a/src/giftCards/GiftCardCreateDialog/ContentWithProgress.tsx
+++ b/src/giftCards/GiftCardCreateDialog/ContentWithProgress.tsx
@@ -28,7 +28,7 @@ const ContentWithProgress: React.FC<ContentWithProgressProps> = ({
   const classes = useStyles({});
 
   return children ? (
-    (children as React.ReactElement)
+    <>{children}</>
   ) : (
     <div className={classNames(classes.container, containerClassName)}>
       <CircularProgress />