diff --git a/src/components/code-of-conduct/Report.tsx b/src/components/code-of-conduct/Report.tsx
index 6a53834..3077db3 100644
--- a/src/components/code-of-conduct/Report.tsx
+++ b/src/components/code-of-conduct/Report.tsx
@@ -2,11 +2,13 @@ import {Card} from "@/components/ui/card.tsx";
 
 const Report = () => {
   return (
-      <Card className="p-10 flex flex-col gap-6">
-          <h2 className="text-3xl text-alternative-700 font-semibold">Reporte</h2>
-          <p>
-              Si alguien te hace sentir inseguro o no bienvenido a ti o a otra persona, por favor repórtalo lo antes posible. Si ves o escuchas que alguien hace algo que pueda violar este Código de Conducta, repórtalo. Puedes presentar un informe personal mediante:
-          </p>
+      <Card className="p-6 md:p-10 flex flex-col gap-6">
+          <aside className="flex flex-col gap-2">
+              <h2 className="text-3xl text-alternative-700 font-semibold">Reporte</h2>
+              <p>
+                  Si alguien te hace sentir inseguro o no bienvenido a ti o a otra persona, por favor repórtalo lo antes posible. Si ves o escuchas que alguien hace algo que pueda violar este Código de Conducta, repórtalo. Puedes presentar un informe personal mediante:
+              </p>
+          </aside>
           <section className="flex flex-col md:flex-row gap-4">
               <article className="w-full md:w-1/3">
                   <strong className="text-primary-600">Organizador</strong>
diff --git a/src/pages/CodeOfConduct.tsx b/src/pages/CodeOfConduct.tsx
index df63b73..91d88aa 100644
--- a/src/pages/CodeOfConduct.tsx
+++ b/src/pages/CodeOfConduct.tsx
@@ -24,7 +24,7 @@ const CodeOfConduct = () => {
                     neuronal, apariencia física, nacionalidad, edad, religión u otra categoría.
                 </p>
             </aside>
-            <Card className="p-10 flex flex-col gap-6">
+            <Card className="p-6 md:p-10 flex flex-col gap-6">
                 <aside className="flex flex-col gap-4">
                     <h2 className="text-3xl text-alternative-700 font-semibold">Comportamiento inaceptable</h2>
                     <p>
diff --git a/src/pages/CodeOfConductSpeakers.tsx b/src/pages/CodeOfConductSpeakers.tsx
index e7cfeb9..f2d026a 100644
--- a/src/pages/CodeOfConductSpeakers.tsx
+++ b/src/pages/CodeOfConductSpeakers.tsx
@@ -15,7 +15,7 @@ const CodeOfConductSpeakers = () => {
                 Todo speaker deberá cumplir con el <Link role="link" to={"/code-of-conduct"} className="text-primary-600 hover:underline hover:underline-offset-1">código de conducta general</Link> al igual que los siguientes puntos puestos en este documento:
             </p>
         </aside>
-      <Card className="p-10 flex flex-col gap-6">
+      <Card className="p-6 md:p-10 flex flex-col gap-6">
           <article className="flex flex-col gap-2">
               <h2 className="text-3xl text-alternative-700 font-semibold">Material ofensivo</h2>
               <p>