diff --git a/components/src/components/atoms/Box/Box.tsx b/components/src/components/atoms/Box/Box.tsx
index 413f3bce..8cc2fba2 100644
--- a/components/src/components/atoms/Box/Box.tsx
+++ b/components/src/components/atoms/Box/Box.tsx
@@ -41,6 +41,8 @@ export const Box = forwardRef<HTMLElement, BoxProps >(
       className: clsx(atomicCss, className),
       ...nativeProps,
       ref,
-    }, children)
+    } as React.RefAttributes<HTMLElement>,
+    children,
+    )
   },
 )