diff --git a/src/app/components/Cards.js b/src/app/components/Cards.js
index b1a1df65e70a688baf30c9a1690d8a390fab21af..c1da0b8127475dce3ec6306a2fca52548d2f91d9 100644
--- a/src/app/components/Cards.js
+++ b/src/app/components/Cards.js
@@ -166,7 +166,7 @@ export default function Cards(props) {
   
   return (
     <Card
-      className={`active:bg-ice-HC-dark active:rounded-3xl transition ease-in-out 2xl:w-[330px] xl:w-[290px] lg:w-[270px] max-lg:w-[290px] outline outline-1 outline-ice-HC-white ${props.page !== "recurso" && "items-center"}`}
+      className={`active:bg-ice-HC-dark active:rounded-3xl transition ease-in-out 2xl:w-[320px] xl:w-[290px] lg:w-[295px] max-lg:w-[290px] outline outline-1 outline-ice-HC-white ${props.page !== "recurso" && "items-center"}`}
       tabIndex="-1"
       sx={{
         display: "flex",
diff --git a/src/app/components/InfiniteScrollCards.js b/src/app/components/InfiniteScrollCards.js
index 597471a05fba3b00b5a72c0c2313eb6b105263c2..33976bed7c1cb16eb18cfaba770b111d0f3756f2 100644
--- a/src/app/components/InfiniteScrollCards.js
+++ b/src/app/components/InfiniteScrollCards.js
@@ -127,7 +127,7 @@ export default function InfiniteScrollCards({ setMecLoading, data, searchClass,
 
             case "LearningObject":
                 return (
-                    <div className="flex max-2xl:gap-4 gap-2 gap-y-4 flex-wrap ml-7 max-md:ml-0 max-md:justify-center">
+                    <div className="flex justify-around max-2xl:gap-4 gap-2 gap-y-4 flex-wrap ml-7 max-md:ml-0 max-md:justify-center">
                         {data?.map((item, index) => (
                             <Cards
                                 id={item['id']}