diff --git a/api-gateway/src/app.controller.ts b/api-gateway/src/app.controller.ts
index 51a8507a..20a6ee27 100644
--- a/api-gateway/src/app.controller.ts
+++ b/api-gateway/src/app.controller.ts
@@ -367,8 +367,4 @@ export class AppController {
   html(@Body('email') email: string, @Body('name') name: string) {
     return this.appService.html(email, name);
   }
-
-
-
-  
 }
diff --git a/servicio-reportes/src/reports/reports.service.ts b/servicio-reportes/src/reports/reports.service.ts
index 1197d840..37a68957 100644
--- a/servicio-reportes/src/reports/reports.service.ts
+++ b/servicio-reportes/src/reports/reports.service.ts
@@ -9,9 +9,8 @@ import { map } from 'rxjs/operators';
 export class ReportsService {
   constructor(
     @InjectModel(Report.name)
-    private readonly reportModel: Model<ReportDocument>,
-  ) //
-  {}
+    private readonly reportModel: Model<ReportDocument>, //
+  ) {}
 
   async create(report: ReportDocument): Promise<Report> {
     return this.reportModel.create(report);
diff --git a/web-ui/web-react/src/components/Inquilinos.js b/web-ui/web-react/src/components/Inquilinos.js
index 280cf83a..cecf52c8 100644
--- a/web-ui/web-react/src/components/Inquilinos.js
+++ b/web-ui/web-react/src/components/Inquilinos.js
@@ -20,8 +20,13 @@ const Inquilinos = () => {
   }, []);
   function registrarInquilino() {
     let data = {
+      dni: document.getElementById('identificacion').value,
+      name: document.getElementById('nombre').value,
+      last_name: document.getElementById('apellidos').value,
+      phone: document.getElementById('telefono').value,
       email: document.getElementById('correo_electronico').value,
       community_id: document.getElementById('numero_vivienda').value,
+      password: document.getElementById('password').value,
       user_type: '3',
       status: '1',
     };
@@ -48,7 +53,23 @@ const Inquilinos = () => {
         <div className="card">
           <h5 className="card-header">Registrar Inquilino</h5>
           <div className="p-fluid formgrid grid">
-            <div className="p-field col-12 md:col-6">
+            <div className="field col-12 md:col-6">
+              <label htmlFor="nombre">Nombre</label>
+              <InputText type="text" className="form-control" id="nombre" />
+            </div>
+            <div className="field col-12 md:col-6">
+              <label htmlFor="apellidos">Apellidos</label>
+              <InputText type="text" className="form-control" id="apellidos" />
+            </div>
+            <div className="field col-12 md:col-6">
+              <label htmlFor="identificacion">Identificación</label>
+              <InputText
+                type="text"
+                className="form-control"
+                id="identificacion"
+              />
+            </div>
+            <div className="field col-12 md:col-6">
               <label htmlFor="correo_electronico">Correo electrónico</label>
               <InputText
                 type="email"
@@ -56,7 +77,7 @@ const Inquilinos = () => {
                 id="correo_electronico"
               />
             </div>
-            <div className="p-field col-12 md:col-6">
+            <div className="field col-12 md:col-6">
               <label htmlFor="numero_vivienda">Número de Vivienda</label>
               <Dropdown
                 id="numero_vivienda"
@@ -64,6 +85,14 @@ const Inquilinos = () => {
                 options={communitiesList}
               />
             </div>
+            <div className="field col-12 md:col-6">
+              <label htmlFor="identificacion">Identificación</label>
+              <InputText
+                type="password"
+                className="form-control"
+                id="identificacion"
+              />
+            </div>
             <Button label="Registrar" onClick={registrarInquilino} />
           </div>
         </div>