Add default containerClassName to loading skeleton (#1195)

Author: domschab23

src/LoadingSkeleton/LoadingSkeleton.jsx

@@ -8,10 +8,11 @@ import colors from '../Styles/colors/palette';
 
 import './LoadingSkeleton.scss';
 
-const LoadingSkeleton = ({ className, ...props }) => (
+const LoadingSkeleton = ({ className, containerClassName, ...props }) => (
   <SkeletonTheme baseColor={colors.UX_GRAY_300}>
     <Skeleton
       className={classNames('LoadingSkeleton', className)}
+      containerClassName={classNames('loadingSkeletonContainer', containerClassName)}
       {...props}
     />
   </SkeletonTheme>

src/LoadingSkeleton/LoadingSkeleton.scss

@@ -8,6 +8,11 @@
   }
 }
 
+// Per https://github.com/dvtng/react-loading-skeleton/issues/23#issuecomment-939231878
+.loadingSkeletonContainer {
+  line-height: 1;
+}
+
 .react-loading-skeleton {
   --base-color: #ebebeb;
   --highlight-color: #f5f5f5;