diff --git a/app/(private)/QuitarSancion/page.tsx b/app/(private)/QuitarSancion/page.tsx
index 7e2a7ed..c945287 100644
--- a/app/(private)/QuitarSancion/page.tsx
+++ b/app/(private)/QuitarSancion/page.tsx
@@ -12,10 +12,9 @@ export default async function Page(props: {
   return (
     <>
       <h2 className="title"> Quitar Sanciones </h2>
-      <div className="containerSection"
-      >
+      <div className="containerSection">
         <SearchUser value={numAcount} />
-        <QuitarSancion />
+        <QuitarSancion numAcount={numAcount} />
       </div>
     </>
   );
diff --git a/app/Components/QuitarSancion/QuitarSancion.tsx b/app/Components/QuitarSancion/QuitarSancion.tsx
index 622e7f5..108aed2 100644
--- a/app/Components/QuitarSancion/QuitarSancion.tsx
+++ b/app/Components/QuitarSancion/QuitarSancion.tsx
@@ -3,6 +3,7 @@ import { useEffect, useState } from "react";
 
 import styles from "./Page.module.css";
 import axios from "axios";
+import { envConfig } from "@/app/lib/config";
 
 interface alumno_sancion {
   id: number;
@@ -25,15 +26,17 @@ interface sancion {
   duracion: number;
 }
 
-function QuitarSancion() {
+interface prop {
+  numAcount: string | null;
+}
+
+function QuitarSancion(props: prop) {
   const [quitarSanciones, SetQuitarSanciones] = useState<any[]>([]);
   const [sanciones, setSanciones] = useState<any>([]);
   const [alumnoSanciones, setAlumnoSanciones] = useState<any>([]);
   useEffect(() => {
     axios
-      .get(
-        " https://venus.acatlan.unam.mx/asignacionTiempo_test/alumno-sancion/423019393"
-      )
+      .get(`${envConfig.apiUrl}/alumno-sancion/${props.numAcount}`)
       .then((response) => {
         SetQuitarSanciones(response.data);
       })
@@ -42,7 +45,7 @@ function QuitarSancion() {
       });
 
     axios
-      .get("https://venus.acatlan.unam.mx/asignacionTiempo_test/sancion")
+      .get(`${envConfig.apiUrl}/asignacionTiempo_test/sancion`)
       .then((response) => {
         setSanciones(response.data);
       })