diff --git a/apps/jsconf/src/components/Footer/Footer.astro b/apps/jsconf/src/components/Footer/Footer.astro
index 46ca87e..e2e6625 100644
--- a/apps/jsconf/src/components/Footer/Footer.astro
+++ b/apps/jsconf/src/components/Footer/Footer.astro
@@ -63,10 +63,18 @@ import LogoJSConf from './LogoJSConf.astro';
 <style>
   footer {
     margin-block-start: 1rem;
+    flex-shrink: 0;
     width: 100%;
     background-image: var(--gradient-footer);
     backdrop-filter: blur(1rem);
-    padding-block-end: 1.5rem;
+    /* padding-block-end: 1.5rem; */
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+
+    @media (width >= 768px) {
+      padding-top: 2rem;
+      padding-bottom: 2rem;
+    }
 
     & .container {
       width: min(80rem, 100vw);
diff --git a/apps/jsconf/src/components/Navbar/Navbar.astro b/apps/jsconf/src/components/Navbar/Navbar.astro
index 6b805f3..c01df41 100644
--- a/apps/jsconf/src/components/Navbar/Navbar.astro
+++ b/apps/jsconf/src/components/Navbar/Navbar.astro
@@ -45,6 +45,7 @@ import Logo from './Logo.astro';
   .header {
     --nav-height: 4.5rem;
 
+    flex-shrink: 0;
     z-index: 1100;
     height: var(--nav-height);
     position: sticky;
diff --git a/apps/jsconf/src/components/StaffCard.astro b/apps/jsconf/src/components/StaffCard.astro
index 565f54e..cd9e358 100644
--- a/apps/jsconf/src/components/StaffCard.astro
+++ b/apps/jsconf/src/components/StaffCard.astro
@@ -96,8 +96,6 @@ const staffImage = imgSrc || defaultImgSrc;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    max-width: 25rem;
-    width: fit-content;
     padding: 1.5rem;
     transition: transform 0.3s;
 
diff --git a/apps/jsconf/src/layouts/Layout.astro b/apps/jsconf/src/layouts/Layout.astro
index 19028d2..846b676 100644
--- a/apps/jsconf/src/layouts/Layout.astro
+++ b/apps/jsconf/src/layouts/Layout.astro
@@ -16,9 +16,10 @@ interface Props {
   title: string;
   description: string;
   ogImg: string;
+  noHorizontalPadding?: boolean;
 }
 
-const { title, description, ogImg } = Astro.props;
+const { title, description, ogImg } = Astro.props as Props;
 
 const site = import.meta.env.SITE;
 const ogURL = `${site}/og/${ogImg}`;
@@ -68,7 +69,7 @@ const ogURL = `${site}/og/${ogImg}`;
   </head>
   <body>
     <Navbar />
-    <main class="container">
+    <main class={`container ${Astro.props.noHorizontalPadding ? 'no-horizontal-padding' : ''}`}>
       <slot />
     </main>
     <Footer />
@@ -165,6 +166,12 @@ const ogURL = `${site}/og/${ogImg}`;
     padding: 0;
     box-sizing: border-box;
   }
+  html,
+  body {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
   body {
     --scrollbar-size: 0.4rem;
 
@@ -172,16 +179,28 @@ const ogURL = `${site}/og/${ogImg}`;
     background: var(--bg-color);
     color: var(--white);
 
+    & main {
+      display: flex;
+      flex-direction: column;
+      flex: 1;
+      flex-shrink: 0;
+    }
+
     & main.container {
       width: min(80rem, 100vw);
       padding: 0 1rem 5rem;
       margin: 0 auto;
 
-      @media (width <= 768) {
+      @media (width <= 768px) {
         padding: 0 1.5rem 4rem;
       }
     }
 
+    & main.no-horizontal-padding {
+      padding-left: 0 !important;
+      padding-right: 0 !important;
+    }
+
     &::-webkit-scrollbar {
       width: var(--scrollbar-size);
       height: var(--scrollbar-size);
diff --git a/apps/jsconf/src/pages/tickets.astro b/apps/jsconf/src/pages/tickets.astro
index 791a078..00b162d 100644
--- a/apps/jsconf/src/pages/tickets.astro
+++ b/apps/jsconf/src/pages/tickets.astro
@@ -8,12 +8,20 @@ import Layout from '@layouts/Layout.astro';
   title="JSConf Chile 2024 | Tickets"
   description="Compra tus tickets para JSConf Chile 2024. Asegura tu entrada a la conferencia de JavaScript del 5 al 7 de diciembre en Santiago. No te pierdas charlas, talleres y networking con expertos del sector."
   ogImg="tickets.png"
+  noHorizontalPadding
 >
   <section class="ticket-section">
     <div class="ticket-3d-view">
       <LoadTicket client:load />
     </div>
     <div class="ticket-info">
+      <Button
+        variant="solid"
+        color="yellow"
+        size="large"
+        link="https://tickets.communityos.io/events/7dfe393e-7c8f-4d5c-903d-aa65e28e4227/tickets"
+        icon="arrow-up-right">Comprar Tickets</Button
+      >
       <h2>
         Tu ticket a la JSConf Chile 2024 incluye acceso completo a la conferencia, sesiones con
         <span>charlistas de clase mundial, workshops, networking</span> y más.
@@ -22,13 +30,6 @@ import Layout from '@layouts/Layout.astro';
         Acceso a los 2 días de conferencia | <span>20 charlas de clase mundial</span> | Swag bag con
         temática de la JSConf Chile 2024 Coffee breaks los días del evento | Áreas de networking exclusivas
       </p>
-      <Button
-        variant="solid"
-        color="yellow"
-        size="large"
-        link="https://tickets.communityos.io/events/7dfe393e-7c8f-4d5c-903d-aa65e28e4227/tickets"
-        icon="arrow-up-right">Comprar Tickets</Button
-      >
     </div>
   </section>
 </Layout>
@@ -36,6 +37,7 @@ import Layout from '@layouts/Layout.astro';
 <style>
   .ticket-section {
     display: flex;
+    flex: 1;
     flex-direction: column;
     justify-content: center;
     align-items: center;
@@ -43,11 +45,13 @@ import Layout from '@layouts/Layout.astro';
 
     .ticket-3d-view {
       width: 100%;
-      height: 600px;
+      display: flex;
+      flex: 1;
+      min-height: 600px;
 
       @media (max-width: 1080px) {
         order: -1;
-        height: 80dvh;
+        height: 75svh;
         width: 100%;
       }
     }
@@ -57,7 +61,9 @@ import Layout from '@layouts/Layout.astro';
       flex-direction: column;
       justify-content: center;
       align-items: center;
-      gap: 1rem;
+      gap: 2rem;
+      padding-left: 3rem;
+      padding-right: 3rem;
       text-align: center;
 
       h2 {
