diff --git a/components/Button.tsx b/components/Button.tsx
index 1eb31f8..6154390 100644
--- a/components/Button.tsx
+++ b/components/Button.tsx
@@ -1,4 +1,5 @@
 import Link from 'next/link'
+import { ReactNode } from 'react'
 
 const Button = ({ type='button', className, children, href, onClick }: ButtonProps):JSX.Element => {
 	return href ? <Link href={href}>
@@ -15,7 +16,7 @@ const Button = ({ type='button', className, children, href, onClick }: ButtonPro
 interface ButtonProps {
   type?: 'button' | 'submit' | 'reset'
   className?: string
-  children: JSX.Element | string
+  children: ReactNode
   href?: string
   onClick?: () => void
 }
diff --git a/components/Container.tsx b/components/Container.tsx
index c7ad5a8..2389a82 100644
--- a/components/Container.tsx
+++ b/components/Container.tsx
@@ -1,3 +1,5 @@
+import { ReactNode } from 'react'
+
 const Container = ({
 	ignoreColor,
 	className,
@@ -19,7 +21,7 @@ interface ContainerProps {
 	ignoreColor?: boolean
 	className?: string
 	paddingTop?: boolean
-	children: JSX.Element | JSX.Element[]
+	children: ReactNode
 }
 
 export default Container