diff --git a/Components/AutoSpacing.js b/Components/AutoSpacing.js
index 2617949..e90da58 100644
--- a/Components/AutoSpacing.js
+++ b/Components/AutoSpacing.js
@@ -1,7 +1,7 @@
-import { Component } from "react";
+import react, { Component } from "react";
 import Styles from '../styles/autospacing.module.css';
 
-class CardRow extends Component {
+class AutoSpacing extends Component {
 	constructor(props) {
 		super(props);
 	}
@@ -11,7 +11,7 @@
 		return (
             <div className={Styles.container}>
 				{
-					this.props.elements.map((item, index) => {
+					react.Children.toArray(this.props.children).map((item, index) => {
 						return <div className={Styles.item} key={index}>{item}</div>
 					})
 				}
@@ -20,4 +20,4 @@
 	}
 }
 
-export default CardRow;
\ No newline at end of file
+export default AutoSpacing;
\ No newline at end of file