diff --git a/servicio-usuarios/src/users/users.controller.ts b/servicio-usuarios/src/users/users.controller.ts
index 314f192b..9bf91f8a 100644
--- a/servicio-usuarios/src/users/users.controller.ts
+++ b/servicio-usuarios/src/users/users.controller.ts
@@ -84,7 +84,8 @@ export class UsersController {
   
   @MessagePattern({ cmd: 'updateAdminCommunity' })
   updateAdminCommunity(@Payload() user: UserDocument) {
-    return this.userService.update(user._id, user);
+    console.log(user)
+    return this.userService.updateAdminCommunity(user['_id'], user);
   }
 
   @MessagePattern({ cmd: 'updateTenant' })
diff --git a/servicio-usuarios/src/users/users.service.ts b/servicio-usuarios/src/users/users.service.ts
index e1840769..e2fa2c96 100644
--- a/servicio-usuarios/src/users/users.service.ts
+++ b/servicio-usuarios/src/users/users.service.ts
@@ -137,6 +137,17 @@ export class UsersService {
     });
   }
 
+  async updateAdminCommunity(id: string, user: UserDocument) {
+
+    return this.userModel.findOneAndUpdate({ _id: id }, {
+      name: user['name'], last_name: user['last_name'],
+      dni: user['dni'], email: user['email'], phone: user['phone'],
+      community_id: user['community_id']
+    }, {
+      new: true,
+    });
+  }
+
   async updateTenant(id: string, user: UserDocument) {
     await this.saveTenant(user.community_id, user.number_house, user.id);
 
diff --git a/web-ui/web-react/src/components/AdministradoresComunidad.js b/web-ui/web-react/src/components/AdministradoresComunidad.js
index 335f84e0..ef8cdd92 100644
--- a/web-ui/web-react/src/components/AdministradoresComunidad.js
+++ b/web-ui/web-react/src/components/AdministradoresComunidad.js
@@ -281,6 +281,7 @@ const AdministradoresComunidad = () => {
                         toast.current.show({ severity: 'success', summary: 'Exito', detail: 'Administrador de Comunidad de vivienda Creada', life: 3000 });
 
                         setListaAdmins(_administrators);
+                        setAdminDialog(false)
 
                         setAdminCommunity(emptyAdminCommunity);
 
@@ -296,7 +297,6 @@ const AdministradoresComunidad = () => {
         } else {
             console.log(`Actualizando admnistrador de comunidad: ${_admin}`)
             _admin.community_id = communityId;
-            console.log(`Actualizando admnistrador de comunidad: ${_admin}`)
 
             fetch(`http://localhost:4000/user/updateAdminCommunity/${_admin._id}`, {
                 cache: 'no-cache',
@@ -320,7 +320,7 @@ const AdministradoresComunidad = () => {
 
                 listaAdmin();
                 setCommunityId('');
-
+                setAdminDialog(false)
                 setAdminCommunity(emptyAdminCommunity);
             })
         }
diff --git a/web-ui/web-react/src/components/AdministradoresSistema.js b/web-ui/web-react/src/components/AdministradoresSistema.js
index 8e3bc56a..319d9ec3 100644
--- a/web-ui/web-react/src/components/AdministradoresSistema.js
+++ b/web-ui/web-react/src/components/AdministradoresSistema.js
@@ -164,6 +164,8 @@ const AdministradoresSistema = () => {
               function (response) {
                 _administrators.push(_admin);
                 setAdministrators(_administrators)
+                setFormAdminDialog(false)
+
               }
             )
             .catch(
diff --git a/web-ui/web-react/src/components/ComunidadViviendas.js b/web-ui/web-react/src/components/ComunidadViviendas.js
index a401fd17..b7f270c9 100644
--- a/web-ui/web-react/src/components/ComunidadViviendas.js
+++ b/web-ui/web-react/src/components/ComunidadViviendas.js
@@ -49,6 +49,7 @@ const Communities = () => {
   const [editCommunityDialog, setEditCommunityDialog] = useState(false);
   const toast = useRef(null);
   const dt = useRef(null);
+  const [formCommunityDialog, setFormCommunityDialog] = useState(false);
 
 
 
@@ -263,6 +264,7 @@ const Communities = () => {
           setCantonId('');
           setDistrictId('');
           setCodeHouses('');
+          setFormCommunityDialog(false);
 
           setCommunity(emptyCommunity);
         })
@@ -335,6 +337,16 @@ const Communities = () => {
     setEditCommunityDialog(true);
   };
 
+  const openNewCommunity = () => {
+    setCommunity({ emptyCommunity });
+    setFormCommunityDialog(true);
+  };
+
+  const hideFormCommunityDialog = () => {
+    setCommunity({ emptyCommunity });
+    setFormCommunityDialog(false);
+  };
+
   //desactivar o activar una comunidad
   const cambiarEstadoCommunity = () => {
     if (community.status == '1') {
@@ -489,6 +501,12 @@ const Communities = () => {
     return (
       <React.Fragment>
         <div className="my-2">
+          <Button
+            label="Agregar Comunidad"
+            icon="pi pi-plus"
+            className="p-button-primary mr-2"
+            onClick={openNewCommunity}
+          />
           <Button
             label="Eliminar"
             icon="pi pi-trash"
@@ -539,6 +557,25 @@ const Communities = () => {
     </>
   );
 
+  const formCommunityDialogFooter = (
+    <>
+      <Button
+        label={'Registrar'}
+        icon="pi pi-check"
+        className="p-button-primary"
+        onClick={saveCommunity}
+      />
+      <Button
+        label="Cerrar"
+        icon="pi pi-times"
+        className="p-button-text"
+        onClick={hideFormCommunityDialog}
+      />
+
+    </>
+  );
+
+
   const deleteCommunityDialogFooter = (
     <>
       <Button
@@ -654,7 +691,7 @@ const Communities = () => {
       <p>
         {' '}
         <FontAwesomeIcon icon={faHashtag} style={{ color: '#D7A86E' }} />{' '}
-        Número de viviendas
+        Cantidad de viviendas
       </p>
     </>
   );
@@ -690,6 +727,16 @@ const Communities = () => {
     </>
   );
 
+  const headerCodeHouses = (
+    <>
+      <p>
+        {' '}
+        <FontAwesomeIcon icon={faHashtag} style={{ color: '#D7A86E' }} />{' '}
+        Código de vivienda
+      </p>
+    </>
+  );
+
   const statusBodyTemplate = (rowData) => {
     return (
       <>
@@ -731,14 +778,14 @@ const Communities = () => {
             value={communitiesList}
             dataKey="_id"
             paginator
-            rows={5}
+            rows={10}
             selection={selectedCommunities}
             onSelectionChange={(e) => setSelectedCommunities(e.value)}
             scrollable
-            scrollHeight="400px"
+            scrollHeight="800px"
             scrollDirection="both"
             header={header}
-            rowsPerPageOptions={[5, 10, 25]}
+            rowsPerPageOptions={[10, 20, 30]}
             className="datatable-responsive mt-3"
             paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown"
             currentPageReportTemplate="Mostrando {first} a {last} de {totalRecords} comunidades de viviendas"
@@ -773,11 +820,6 @@ const Communities = () => {
               header={headerDistrict}
               style={{ flexGrow: 1, flexBasis: '160px' }}
             ></Column>
-            <Column
-              field="phone"
-              header={headerPhone}
-              style={{ flexGrow: 1, flexBasis: '180px' }}
-            ></Column>
             <Column
               field="num_houses"
               sortable
@@ -799,7 +841,7 @@ const Communities = () => {
             </Column>
             <Column
               body={actionsCommunity}
-              style={{ flexGrow: 1, flexBasis: '100px' }}
+              style={{ flexGrow: 1, flexBasis: '160px' }}
             ></Column>
           </DataTable>
 
@@ -815,10 +857,11 @@ const Communities = () => {
             <div className='container text-center'>
               <div className='row my-4'>
                 <div className=" col-12 md:col-12">
-                  <p>Nombre</p>
+                  <i className="pi pi-home icon-khaki"></i>
+
+                  <p><strong>Nombre</strong></p>
                   <div className="p-0 col-2  md:col-2" style={{ margin: '0 auto' }}>
                     <div className="p-inputgroup align-items-center justify-content-evenly">
-                      <i className="pi pi-home icon-khaki"></i>
                       <p>{community.name}</p>
                     </div>
                   </div>
@@ -826,20 +869,22 @@ const Communities = () => {
               </div>
               <div className='row my-5'>
                 <div className=" col-6 md:col-6">
-                  <p>Administrador</p>
+                  <i className="pi pi-user icon-khaki"></i>
+
+                  <p><strong>Administrador</strong></p>
                   <div className="p-0 col-6  md:col-6" style={{ margin: '0 auto' }}>
                     <div className="p-inputgroup align-items-center justify-content-evenly">
-                      <i className="pi pi-user icon-khaki"></i>
                       <p>{community.name_admin}</p>
                     </div>
 
                   </div>
                 </div>
                 <div className=" col-6 md:col-6">
-                  <p>Teléfono Administrativo</p>
+                  <i className="pi pi-phone icon-khaki"></i>
+
+                  <p><strong>Teléfono Administrativo</strong></p>
                   <div className="p-0 col-6  md:col-6" style={{ margin: '0 auto' }}>
                     <div className="p-inputgroup align-items-center justify-content-evenly">
-                      <i className="pi pi-phone icon-khaki"></i>
                       <p>{community.phone}</p>
                     </div>
 
@@ -849,30 +894,33 @@ const Communities = () => {
 
               <div className='row my-5'>
                 <div className=" col-4 col-md-4 md:col-4">
-                  <p>Provincia</p>
-                  <div className="p-0 col-10 md:col-10">
+                  <i className="pi pi-map-marker icon-khaki"></i>
+
+                  <p><strong>Provincia</strong></p>
+                  <div className="p-0 col-12 md:col-12">
                     <div className="p-inputgroup align-items-center justify-content-evenly">
-                      <i className="pi pi-map-marker icon-khaki"></i>
                       <p>{community.province}</p>
                     </div>
 
                   </div>
                 </div>
                 <div className=" col-4 md:col-4">
-                  <p>Cantón</p>
-                  <div className="p-0 col-10 md:col-10">
+                  <i className="pi pi-map-marker icon-khaki"></i>
+
+                  <p><strong>Cantón</strong></p>
+                  <div className="p-0 col-12 md:col-12">
                     <div className="p-inputgroup align-items-center justify-content-evenly">
-                      <i className="pi pi-map-marker icon-khaki"></i>
                       <p>{community.canton}</p>
                     </div>
 
                   </div>
                 </div>
                 <div className=" col-4 md:col-4">
-                  <p>Distrito</p>
-                  <div className="p-0 col-10 md:col-10">
+                  <i className="pi pi-map-marker icon-khaki"></i>
+
+                  <p><strong>Distrito</strong></p>
+                  <div className="p-0 col-12 md:col-12">
                     <div className="p-inputgroup align-items-center justify-content-evenly">
-                      <i className="pi pi-map-marker icon-khaki"></i>
                       <p>{community.district}</p>
                     </div>
 
@@ -881,10 +929,11 @@ const Communities = () => {
               </div>
               <div className='row my-5'>
                 <div className=" col-12 md:col-12">
-                  <p>Número de Viviendas</p>
+                  <i className="pi pi-hashtag icon-khaki"></i>
+
+                  <p><strong>Cantidad de viviendas</strong></p>
                   <div className="p-0 col-2  md:col-2" style={{ margin: '0 auto' }}>
                     <div className="p-inputgroup justify-content-evenly">
-                      <i className="pi pi-hashtag icon-khaki"></i>
                       <p>{community.num_houses}</p>
                     </div>
                   </div>
@@ -912,7 +961,7 @@ const Communities = () => {
                       >
                         <Column
                           field="number_house"
-                          header={headerNumberHouses}
+                          header={headerCodeHouses}
                           style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px' }}
                         ></Column>
                         <Column
@@ -991,191 +1040,189 @@ const Communities = () => {
               )}
             </div>
           </Dialog>
-        </div>
-      </div>
-      <div className="col-12">
-        <div className="card">
-          <h5>Registro de comunidad de viviendas</h5>
-          <div className="p-fluid formgrid grid">
-            <div className="field col-12 md:col-12">
-              <label htmlFor="name">Nombre</label>
-              <div className="p-0 col-12 md:col-12">
-                <div className="p-inputgroup">
-                  <span className="p-inputgroup-addon p-button p-icon-input-khaki">
-                    <i className="pi pi-home"></i>
-                  </span>
-                  <InputText
-                    id="name"
-                    value={community.name}
-                    onChange={(e) => onInputChange(e, 'name')}
-                    required
-                    autoFocus
-                    className={classNames({
-                      'p-invalid': submitted && community.name === '',
-                    })}
-                  />
+          <Dialog
+            visible={formCommunityDialog}
+            style={{ width: '850px' }}
+            header="Mantenimiento de comunidad de viviendas"
+            modal
+            footer={formCommunityDialogFooter}
+            onHide={hideFormCommunityDialog}
+          >
+            <div className="p-fluid formgrid grid">
+              <div className="field col-12 md:col-12">
+                <label htmlFor="name">Nombre</label>
+                <div className="p-0 col-12 md:col-12">
+                  <div className="p-inputgroup">
+                    <span className="p-inputgroup-addon p-button p-icon-input-khaki">
+                      <i className="pi pi-home"></i>
+                    </span>
+                    <InputText
+                      id="name"
+                      value={community.name}
+                      onChange={(e) => onInputChange(e, 'name')}
+                      required
+                      autoFocus
+                      className={classNames({
+                        'p-invalid': submitted && community.name === '',
+                      })}
+                    />
+                  </div>
+                  {submitted && community.name === '' && (
+                    <small className="p-invalid">Nombre es requirido.</small>
+                  )}
                 </div>
-                {submitted && community.name === '' && (
-                  <small className="p-invalid">Nombre es requirido.</small>
-                )}
               </div>
-            </div>
-            <div className="field col-12 md:col-6">
-              <label htmlFor="provinces">Provincia</label>
-              <div className="p-0 col-12 md:col-12">
-                <div className="p-inputgroup">
-                  <span className="p-inputgroup-addon p-button p-icon-input-khaki">
-                    <i className="pi pi-map-marker"></i>
-                  </span>
-                  <Dropdown
-                    placeholder="--Seleccione Provincia--"
-                    value={provinciaId}
-                    options={p}
-                    onChange={handleProvinces}
-                    required
-                    autoFocus
-                    className={classNames({
-                      'p-invalid': submitted && !provinciaId,
-                    })}
-                  />
+              <div className="field col-12 md:col-6">
+                <label htmlFor="provinces">Provincia</label>
+                <div className="p-0 col-12 md:col-12">
+                  <div className="p-inputgroup">
+                    <span className="p-inputgroup-addon p-button p-icon-input-khaki">
+                      <i className="pi pi-map-marker"></i>
+                    </span>
+                    <Dropdown
+                      placeholder="--Seleccione Provincia--"
+                      value={provinciaId}
+                      options={p}
+                      onChange={handleProvinces}
+                      required
+                      autoFocus
+                      className={classNames({
+                        'p-invalid': submitted && !provinciaId,
+                      })}
+                    />
+                  </div>
+                  {submitted && !provinciaId && (
+                    <small className="p-invalid">Provincia es requirido.</small>
+                  )}
                 </div>
-                {submitted && !provinciaId && (
-                  <small className="p-invalid">Provincia es requirido.</small>
-                )}
               </div>
-            </div>
-            <div className="field col-12 md:col-6">
-              <label htmlFor="cantons">Cantón</label>
-              <div className="p-0 col-12 md:col-12">
-                <div className="p-inputgroup">
-                  <span className="p-inputgroup-addon p-button p-icon-input-khaki">
-                    <i className="pi pi-map-marker"></i>
-                  </span>
-                  <Dropdown
-                    placeholder="--Seleccione Cantón--"
-                    value={cantonId}
-                    options={c}
-                    onChange={handleCanton}
-                    required
-                    autoFocus
-                    className={classNames({
-                      'p-invalid': submitted && !cantonId,
-                    })}
-                  />
+              <div className="field col-12 md:col-6">
+                <label htmlFor="cantons">Cantón</label>
+                <div className="p-0 col-12 md:col-12">
+                  <div className="p-inputgroup">
+                    <span className="p-inputgroup-addon p-button p-icon-input-khaki">
+                      <i className="pi pi-map-marker"></i>
+                    </span>
+                    <Dropdown
+                      placeholder="--Seleccione Cantón--"
+                      value={cantonId}
+                      options={c}
+                      onChange={handleCanton}
+                      required
+                      autoFocus
+                      className={classNames({
+                        'p-invalid': submitted && !cantonId,
+                      })}
+                    />
+                  </div>
+                  {submitted && !cantonId && (
+                    <small className="p-invalid">Cantón es requirido.</small>
+                  )}
                 </div>
-                {submitted && !cantonId && (
-                  <small className="p-invalid">Cantón es requirido.</small>
-                )}
               </div>
-            </div>
-            <div className="field col-12 md:col-6">
-              <label htmlFor="districts">Distrito</label>
-              <div className="p-0 col-12 md:col-12">
-                <div className="p-inputgroup">
-                  <span className="p-inputgroup-addon p-button p-icon-input-khaki">
-                    <i className="pi pi-map-marker"></i>
-                  </span>
-                  <Dropdown
-                    placeholder="--Seleccione Distrito--"
-                    value={districtId}
-                    options={d}
-                    onChange={handleDistrict}
-                    required
-                    autoFocus
-                    className={classNames({
-                      'p-invalid': submitted && !districtId,
-                    })}
-                  />
+              <div className="field col-12 md:col-6">
+                <label htmlFor="districts">Distrito</label>
+                <div className="p-0 col-12 md:col-12">
+                  <div className="p-inputgroup">
+                    <span className="p-inputgroup-addon p-button p-icon-input-khaki">
+                      <i className="pi pi-map-marker"></i>
+                    </span>
+                    <Dropdown
+                      placeholder="--Seleccione Distrito--"
+                      value={districtId}
+                      options={d}
+                      onChange={handleDistrict}
+                      required
+                      autoFocus
+                      className={classNames({
+                        'p-invalid': submitted && !districtId,
+                      })}
+                    />
+                  </div>
+                  {submitted && !districtId && (
+                    <small className="p-invalid">Distrito es requirido.</small>
+                  )}
                 </div>
-                {submitted && !districtId && (
-                  <small className="p-invalid">Distrito es requirido.</small>
-                )}
               </div>
-            </div>
-            <div className="field col-12 md:col-6">
-              <label htmlFor="telefono">Número de Teléfono</label>
-              <div className="p-0 col-12 md:col-12">
-                <div className="p-inputgroup">
-                  <span className="p-inputgroup-addon p-button p-icon-input-khaki">
-                    <i className="pi pi-phone"></i>
-                  </span>
-                  <InputText
-                    id="phone"
-                    value={community.phone}
-                    onChange={(e) => onInputChange(e, 'phone')}
-                    required
-                    autoFocus
-                    className={classNames({
-                      'p-invalid': submitted && community.phone === '',
-                    })}
-                  />
+              <div className="field col-12 md:col-6">
+                <label htmlFor="telefono">Número de Teléfono</label>
+                <div className="p-0 col-12 md:col-12">
+                  <div className="p-inputgroup">
+                    <span className="p-inputgroup-addon p-button p-icon-input-khaki">
+                      <i className="pi pi-phone"></i>
+                    </span>
+                    <InputText
+                      id="phone"
+                      value={community.phone}
+                      onChange={(e) => onInputChange(e, 'phone')}
+                      required
+                      autoFocus
+                      className={classNames({
+                        'p-invalid': submitted && community.phone === '',
+                      })}
+                    />
+                  </div>
+                  {submitted && community.phone === '' && (
+                    <small className="p-invalid">
+                      Número de teléfono es requirido.
+                    </small>
+                  )}
                 </div>
-                {submitted && community.phone === '' && (
-                  <small className="p-invalid">
-                    Número de teléfono es requirido.
-                  </small>
-                )}
               </div>
-            </div>
-            <div className="field col-12 md:col-6">
-              <label htmlFor="numHouse">Numero de Viviendas</label>
-              <div className="p-0 col-12 md:col-12">
-                <div className="p-inputgroup">
-                  <span className="p-inputgroup-addon p-button p-icon-input-khaki">
-                    <i className="pi pi-hashtag"></i>
-                  </span>
-                  <InputText
-                    id="num_houses"
-                    value={community.num_houses}
-                    onChange={(e) => onInputChange(e, 'num_houses')}
-                    required
-                    autoFocus
-                    className={classNames({
-                      'p-invalid': submitted && community.num_houses < 1,
-                    })}
-                  />
+              <div className="field col-12 md:col-6">
+                <label htmlFor="numHouse">Numero de Viviendas</label>
+                <div className="p-0 col-12 md:col-12">
+                  <div className="p-inputgroup">
+                    <span className="p-inputgroup-addon p-button p-icon-input-khaki">
+                      <i className="pi pi-hashtag"></i>
+                    </span>
+                    <InputText
+                      id="num_houses"
+                      value={community.num_houses}
+                      onChange={(e) => onInputChange(e, 'num_houses')}
+                      required
+                      autoFocus
+                      className={classNames({
+                        'p-invalid': submitted && community.num_houses < 1,
+                      })}
+                    />
+                  </div>
+                  {submitted && community.num_houses < 1 && (
+                    <small className="p-invalid">
+                      Número de viviendas es requirido y debe ser mayor que 0.
+                    </small>
+                  )}
                 </div>
-                {submitted && community.num_houses < 1 && (
-                  <small className="p-invalid">
-                    Número de viviendas es requirido y debe ser mayor que 0.
-                  </small>
-                )}
               </div>
-            </div>
-            <div className="field col-12 md:col-6">
-              <label htmlFor="numHouse">
-                Ingrese el prefijo para el código de las viviendas
-              </label>
-              <div className="p-0 col-12 md:col-12">
-                <div className="p-inputgroup">
-                  <span className="p-inputgroup-addon p-button p-icon-input-khaki">
-                    <i className="pi pi-hashtag"></i>
-                  </span>
-                  <InputText
-                    id="code_houses"
-                    value={codeHouses}
-                    onChange={handleCodeHouses}
-                    autoFocus
-                    className={classNames({
-                      'p-invalid': submitted && codeHouses === '',
-                    })}
-                  />
+              <div className="field col-12 md:col-6">
+                <label htmlFor="numHouse">
+                  Ingrese el prefijo para el código de las viviendas
+                </label>
+                <div className="p-0 col-12 md:col-12">
+                  <div className="p-inputgroup">
+                    <span className="p-inputgroup-addon p-button p-icon-input-khaki">
+                      <i className="pi pi-hashtag"></i>
+                    </span>
+                    <InputText
+                      id="code_houses"
+                      value={codeHouses}
+                      onChange={handleCodeHouses}
+                      autoFocus
+                      className={classNames({
+                        'p-invalid': submitted && codeHouses === '',
+                      })}
+                    />
+                  </div>
+                  {submitted && codeHouses === '' && (
+                    <small className="p-invalid">
+                      El código para las viviendas es requirido.
+                    </small>
+                  )}
                 </div>
-                {submitted && codeHouses === '' && (
-                  <small className="p-invalid">
-                    El código para las viviendas es requirido.
-                  </small>
-                )}
               </div>
+             
             </div>
-            <div className="col-12 md:col-12 py-2">
-              <Button
-                label="Registrar"
-                icon="pi pi-check"
-                onClick={saveCommunity}
-              ></Button>
-            </div>
-          </div>
+          </Dialog>
         </div>
       </div>
     </div>
diff --git a/web-ui/web-react/src/components/GuardasSeguridad.js b/web-ui/web-react/src/components/GuardasSeguridad.js
index 23de0109..4ddd8464 100644
--- a/web-ui/web-react/src/components/GuardasSeguridad.js
+++ b/web-ui/web-react/src/components/GuardasSeguridad.js
@@ -99,6 +99,8 @@ const GuardasSeguridad = () => {
           return response.json();
       }).then(() => {
         listaGuardasF();
+        setFormGuardDialog(false)
+        setGuarda(emptyGuarda)
       }).catch(
         err => console.log('Ocurrió un error con el fetch', err)
       );
@@ -123,6 +125,8 @@ const GuardasSeguridad = () => {
           detail: 'Guarda actualizado correctamente'
         });
         setGuarda(emptyGuarda);
+        setFormGuardDialog(false)
+
         listaGuardasF();
       })
     }
diff --git a/web-ui/web-react/src/components/Inquilinos.js b/web-ui/web-react/src/components/Inquilinos.js
index 5bc8801e..594547b3 100644
--- a/web-ui/web-react/src/components/Inquilinos.js
+++ b/web-ui/web-react/src/components/Inquilinos.js
@@ -157,6 +157,8 @@ const Inquilinos = () => {
             setTenants(_tenants)
             setTenant(emptyTenant)
             setHouseNumber('')
+            setTenantDialog(false)
+
           })
           .catch((error) => console.log(`Ocurrió un error: ${error}`))
       } else setSubmitted(true)
@@ -195,6 +197,8 @@ const Inquilinos = () => {
         tenantsList()
         setTenant(emptyTenant)
         setHouseNumber('')
+        setTenantDialog(false)
+
       })
     }
   }
diff --git a/web-ui/web-react/src/components/InvitadosComunidad.js b/web-ui/web-react/src/components/InvitadosComunidad.js
index 4e59b24f..0ebb6c92 100644
--- a/web-ui/web-react/src/components/InvitadosComunidad.js
+++ b/web-ui/web-react/src/components/InvitadosComunidad.js
@@ -171,41 +171,35 @@ const InvitadosComunidad = () => {
             globalFilter={globalFilter}
             emptyMessageTemplate="No se encontraron invitados"
           >
-            <Column field="name" header="Nombre" sortable header={headerName} />
+            <Column field="name" sortable header={headerName} />
             <Column
               field="last_name"
-              header="Apellido"
               sortable
               header={headerLastName}
             />
-            <Column field="dni" header="DNI" sortable header={headerDNI} />
+            <Column field="dni"  sortable header={headerDNI} />
             <Column
               field="number_plate"
-              header="Placa"
               sortable
               header={headerPlate}
             />
             <Column
               field="telefono"
-              header="Teléfono"
               sortable
               header={headerPhone}
             />
             <Column
               field="email"
-              header="Email"
               sortable
               header={headerEmail}
             />
             <Column
               field="date_entry"
-              header="Fecha de registro"
               sortable
               header={headerName}
             />
             <Column
               field="tenant_name"
-              header="Inquilino"
               sortable
               header={headerTenant}
             />