diff --git a/web-ui/web-react/postcss.config.js b/web-ui/web-react/postcss.config.js
new file mode 100644
index 00000000..33ad091d
--- /dev/null
+++ b/web-ui/web-react/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/web-ui/web-react/src/components/AdministradoresSistema.js b/web-ui/web-react/src/components/AdministradoresSistema.js
index 02ad4fb9..d6db77fd 100644
--- a/web-ui/web-react/src/components/AdministradoresSistema.js
+++ b/web-ui/web-react/src/components/AdministradoresSistema.js
@@ -93,7 +93,7 @@ const AdministradoresSistema = () => {
                         </div>
                         <div className="field col-12">
                             <label htmlFor="telefono">Teléfono</label>
-                            <InputText id="telefono" type="number" rows="4" />
+                            <InputText type="tel" id="telefono" pattern="[0-9]{8}"/>
                         </div>
                         <Button label="Registrar" onClick={registrarAdmin}></Button>
                     </div>
diff --git a/web-ui/web-react/tailwind.config.js b/web-ui/web-react/tailwind.config.js
new file mode 100644
index 00000000..1490793a
--- /dev/null
+++ b/web-ui/web-react/tailwind.config.js
@@ -0,0 +1,10 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{js,jsx,ts,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}