diff --git a/src/components/AruInfo.jsx b/src/components/AruInfo.jsx
index 9c9059f..3d42f97 100644
--- a/src/components/AruInfo.jsx
+++ b/src/components/AruInfo.jsx
@@ -2,7 +2,7 @@ import React from "react";
 
 function AruInfo({ nev, mennyiseg, egyseg, megjegyzes }) {
   return (
-    <div style={{ marginBottom: "10px" }}>
+    <div>
       <h3>{nev}</h3>
       <p>Mennyiség: {mennyiseg} {egyseg}</p>
       <p>Megjegyzés: {megjegyzes}</p>
diff --git a/src/components/ListaElem.jsx b/src/components/ListaElem.jsx
index 0cf779b..8b8f44c 100644
--- a/src/components/ListaElem.jsx
+++ b/src/components/ListaElem.jsx
@@ -4,8 +4,8 @@ import MegveveGomb from "./MegveveGomb";
 
 function ListaElem({ aru }) {
   const { nev, mennyiseg, egyseg, megjegyzes, megveve } = aru;
-  const [megvasarolva, Megvasarolva] = useState(megveve);
-  const gomb = () => { Megvasarolva((prev) => !prev); };
+  const [megvasarolva, megvasarol] = useState(megveve);
+  const gomb = () => { megvasarol((prev) => !prev); };
 
   return (
     <div style={{ border: "1px solid #ccc", margin: "10px", padding: "10px", borderRadius: "15px" }}>
diff --git a/src/components/MegveveGomb.jsx b/src/components/MegveveGomb.jsx
index 60f1be6..985d30d 100644
--- a/src/components/MegveveGomb.jsx
+++ b/src/components/MegveveGomb.jsx
@@ -3,12 +3,10 @@ import '../App.css';
 
 function MegveveGomb({ onGomb, megVeve }) {
   return (
-    <button
-      className={`gomb ${megVeve ? "megvasarolva" : "beszerzendő"}`} onClick={onGomb}
-    >
+    <button className={`gomb ${megVeve ? "megvasarolva" : "beszerzendő"}`} onClick={onGomb}>
       {megVeve ? "Megvásárolva" : "Beszerzendő"}
     </button>
   );
 }
 
-export default MegveveGomb;
+export default MegveveGomb;
\ No newline at end of file