diff --git a/src/App.tsx b/src/App.tsx
index a59440a..bfc2271 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -4,7 +4,7 @@ import Alert from "./components/Alert";
 function App() {
   return (
     <div>
-      <Alert text="Hello Marx"/>
+      <Alert>Hello Marx</Alert>
     </div>
   );
 }
diff --git a/src/components/Alert.tsx b/src/components/Alert.tsx
index 1b93ac8..526fd95 100644
--- a/src/components/Alert.tsx
+++ b/src/components/Alert.tsx
@@ -1,10 +1,10 @@
 interface Props{
-    text: string;
+    children: string;
 }
 
-function Alert({text} : Props) {
+function Alert({children} : Props) {
   return (
-    <div className="alert alert-primary">{text}</div>
+    <div className="alert alert-primary">{children}</div>
   )
 }