src/components/asignaturas/detalle/BibliographyItem.tsx

@@ -126,7 +126,7 @@ export function BibliographyItem() {
 
   return (
     <div className="animate-in fade-in mx-auto max-w-5xl space-y-8 py-10 duration-500">
-      <div className="flex items-center justify-between border-b pb-4">
+      <div className="flex flex-col gap-4 border-b pb-4 md:flex-row md:items-center md:justify-between">
         <div>
           <h2 className="text-2xl font-bold tracking-tight text-slate-900">
             Bibliografía

src/routes/planes/$planId/_detalle/historial.tsx

@@ -236,7 +236,7 @@ function RouteComponent() {
           ))
         )}
         {historyEvents.length > 0 && (
-          <div className="mt-10 ml-20 flex items-center justify-between border-t pt-4">
+          <div className="mt-10 ml-12 flex flex-col gap-3 border-t pt-4 md:ml-20 md:flex-row md:items-center md:justify-between">
             <p className="text-xs text-slate-500">
               Mostrando {rawData.length} de {totalRecords} cambios
             </p>