Correção altura do botão

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platformbuilders/fluid-react",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "private": false,
   "description": "Builders React for Fluid Design System",
   "keywords": [

src/components/Button/styles.tsx

@@ -90,13 +90,13 @@ const getStylesButton = (props: ButtonWrapperProps) => {
 
 const sizeButton = {
   normal: css`
-    min-height: 2.25rem;
+    height: 2.25rem;
   `,
   medium: css`
-    min-height: 2.75rem;
+    height: 2.75rem;
   `,
   large: css`
-    min-height: 3.25rem;
+    height: 3.25rem;
   `,
 };
 

src/components/LoadingIndicator/index.tsx

@@ -1,5 +1,4 @@
-import { FC, useEffect } from 'react';
-import lottie from 'lottie-web';
+import { FC, useEffect, useRef } from 'react';
 import {
   AnimationObject,
   LoadingVariants,
@@ -49,20 +48,30 @@ const LoadingIndicator: FC<LoadingType> = ({
   variant = 'circular',
   accessibility,
 }) => {
-  useEffect(() => {
-    const animationData = loadingVariant({ variant, contrast });
+  const ref = useRef<HTMLDivElement>(null);
+
+  const loadAnimation = async () => {
+    if (ref.current) {
+      const animationData = loadingVariant({ variant, contrast });
+      const lottie = await import('lottie-web');
 
-    lottie.loadAnimation({
-      container: document.getElementById('loading') as Element,
-      renderer: 'svg',
-      loop: true,
-      autoplay: true,
-      animationData,
-    });
-  }, []);
+      lottie.default.loadAnimation({
+        container: ref.current,
+        renderer: 'svg',
+        loop: true,
+        autoplay: true,
+        animationData,
+      });
+    }
+  };
+
+  useEffect(() => {
+    loadAnimation();
+  }, [ref]);
 
   return (
     <div
+      ref={ref}
       style={large ? largeSize : smallSize}
       id="loading"
       aria-label={accessibility || 'Aguarde...'}