diff --git a/src/main/resources/templates/list/empresas.html b/src/main/resources/templates/list/empresas.html
index bba9556..c417fbe 100644
--- a/src/main/resources/templates/list/empresas.html
+++ b/src/main/resources/templates/list/empresas.html
@@ -265,9 +265,9 @@
                 <td>${empresa.cif}</td>
                 <td>${empresa.correo}</td>
                 <td>${empresa.telefono}</td>
-               <td class="keywords-cell">
-                 <div class="scrollable-content">
-                     ${empresa.keywords}
+               <td class="scrollable-cell">
+                <div class="scrollable-content" th:utext="${#strings.replace(empresa.keywords, ',', ',&lt;br&gt;')}">
+                    [[${empresa.keywords}]]
                   </div>
                 </td>
                 <td>${empresa.sector.nombre}</td>
diff --git a/src/main/resources/templates/list_alu/ciclos.html b/src/main/resources/templates/list_alu/ciclos.html
index f2ee088..1c638d7 100644
--- a/src/main/resources/templates/list_alu/ciclos.html
+++ b/src/main/resources/templates/list_alu/ciclos.html
@@ -34,7 +34,7 @@
     </div>
 </div>
 <div class="table-container">
-    <table class="table" id="table">
+    <table class="table table-hover table-bordered" id="table">
         <thead class="thread-light">
         <tr>
             <th class="table-header">
diff --git a/src/main/resources/templates/list_alu/contactos.html b/src/main/resources/templates/list_alu/contactos.html
index 63def3e..c27893c 100644
--- a/src/main/resources/templates/list_alu/contactos.html
+++ b/src/main/resources/templates/list_alu/contactos.html
@@ -35,7 +35,7 @@
 </div>
 
 <div class="table-container">
-    <table class="table" id="table">
+    <table class="table table-hover table-bordered" id="table">
         <thead class="thread-light">
         <tr>
             <th class="table-header">
diff --git a/src/main/resources/templates/list_alu/empresas.html b/src/main/resources/templates/list_alu/empresas.html
index aec5e8b..4bcd4f6 100644
--- a/src/main/resources/templates/list_alu/empresas.html
+++ b/src/main/resources/templates/list_alu/empresas.html
@@ -38,7 +38,7 @@
 </div>
 
 <div class="table-container">
-    <table class="table" id="table">
+    <table class="table table-hover table-bordered" id="table">
         <thead class="thread-light">
         <tr>
             <th class="table-header">
@@ -83,12 +83,12 @@
             <td>[[${empresa.correo}]]</td>
             <td>[[${empresa.telefono}]]</td>
             <td class="scrollable-cell">
-                <div class="scrollable-content skill-cell">
+                <div class="scrollable-content" th:utext="${#strings.replace(empresa.keywords, ',', ',&lt;br&gt;')}">
                     [[${empresa.keywords}]]
                 </div>
             </td>
             <td class="scrollable-cell">
-                <div class="scrollable-content skill-cell">
+                <div class="scrollable-content">
                 [[${empresa.sector.nombre}]]
                     </div>
             </td>
@@ -172,11 +172,11 @@
                 <td>${empresa.cif}</td>
                 <td>${empresa.correo}</td>
                 <td>${empresa.telefono}</td>
-                <td class="keywords-cell">
-                <div class="scrollable-content">
-                     ${empresa.keywords}
-                </div>
-                </td>
+                 <td class="scrollable-cell">
+                        <div class="scrollable-content">
+                            ${empresa.keywords}
+                        </div>
+                 </td>
                 <td>${empresa.sector.nombre}</td>
             `;
                         tableBody.appendChild(row);
@@ -253,19 +253,15 @@
                     row.dataset.id = empresa.id;
                     row.innerHTML = `
                     <td>${empresa.nombre}</td>
-                    <td>${empresa.cif}</td>
-                    <td>${empresa.correo}</td>
-                    <td>${empresa.telefono}</td>
-                    <td class="scrollable-cell">
-                        <div class="scrollable-content skill-cell">
-                            ${empresa.keywords}
-                        </div>
-                    </td>
-                    <td class="scrollable-cell">
-                        <div class="scrollable-content skill-cell">
-                            ${empresa.sector.nombre}
-                        </div>
-                    </td>
+                      <td>${empresa.cif}</td>
+                <td>${empresa.correo}</td>
+                <td>${empresa.telefono}</td>
+               <td class="keywords-cell">
+                 <div class="scrollable-content">
+                     ${empresa.keywords}
+                  </div>
+                </td>
+                <td>${empresa.sector.nombre}</td>
                 `;
                     tableBody.appendChild(row);
                 });
diff --git a/src/main/resources/templates/list_alu/ofertas.html b/src/main/resources/templates/list_alu/ofertas.html
index 3348ac0..a5adee4 100644
--- a/src/main/resources/templates/list_alu/ofertas.html
+++ b/src/main/resources/templates/list_alu/ofertas.html
@@ -10,10 +10,6 @@
     <meta charset="UTF-8">
     <title>Lista Ofertas</title>
     <style>
-        .table td.scrollable-cell .skill-cell {
-            width: 250px;
-            min-height: 50px;
-        }
     </style>
 </head>
 <body>
@@ -37,8 +33,8 @@
     </div>
 </div>
 
-<div class="scrollable-table">
-    <table class="table" id="table">
+<div class="table-container">
+    <table class="table table-hover table-bordered" id="table">
         <thead class="thread-light">
         <tr>
             <th class="table-header">
@@ -80,12 +76,12 @@
             <td>[[${oferta.descripcion}]]</td>
             <td>[[${oferta.sucursal.nombre}]]</td>
             <td class="scrollable-cell">
-                <div class="scrollable-content skill-cell">
+                <div class="scrollable-content">
                     [[${oferta.ciclo.nombre}]]
                 </div>
             </td>
             <td class="scrollable-cell">
-                <div class="scrollable-content skill-cell">
+                <div class="scrollable-content">
                 <span th:each="skill : ${oferta.skills}" th:text="${skill.nombre} + ' '"></span>
                 </div>
             </td>
@@ -168,13 +164,13 @@
             <td>${oferta.descripcion}</td>
             <td>${oferta.sucursal.nombre}</td>
             <td class="scrollable-cell">
-                <div class="scrollable-content skill-cell">
+                <div class="scrollable-content">
                     ${oferta.ciclo.nombre}</td>
                 </div>
             </td>
-           <td class="scrollable-cell">
-                    <div class="scrollable-content skill-cell">
-                ${oferta.skills.map(skill => skill.nombre).join(', ')}
+            <td class="scrollable-cell">
+                <div class="scrollable-content">
+                    ${oferta.skills.map(skill => skill.nombre).join(', ')}
                 </div>
             </td>
         `;
diff --git a/src/main/resources/templates/list_alu/sucursales.html b/src/main/resources/templates/list_alu/sucursales.html
index 5d7e4c7..33b959a 100644
--- a/src/main/resources/templates/list_alu/sucursales.html
+++ b/src/main/resources/templates/list_alu/sucursales.html
@@ -34,7 +34,7 @@
 </div>
 
 <div class="table-container">
-    <table class="table" id="table">
+    <table class="table table-hover table-bordered" id="table">
         <thead class="thread-light">
         <tr>
             <th class="table-header">