diff --git a/src/pages/TicketsPage.tsx b/src/pages/TicketsPage.tsx
index 633834b..725326e 100644
--- a/src/pages/TicketsPage.tsx
+++ b/src/pages/TicketsPage.tsx
@@ -1,16 +1,17 @@
 import HiEventsWidget from "@/components/tickets/HiEventsWidget.tsx";
 import React from "react";
+import Gradient from "@/components/Gradient.tsx";
 
 const TicketsPage = () => {
     return (
-        <section className="flex flex-col items-center p-4 my-8 h-full gap-6">
+        <Gradient className="flex flex-col items-center p-4 py-8 h-full gap-6 px-4 md:px-20">
             <h2 className="text-3xl md:text-5xl font-bold text-alternative-700">
                 Boletos
             </h2>
             <div
                 className="w-20 h-1 bg-gradient-to-r from-posadev-darkPink to-posadev-brightPink mx-auto rounded-full"/>
             <HiEventsWidget eventId={5}/>
-        </section>
+        </Gradient>
     )
 }