diff --git a/assets/css/app.scss b/assets/css/app.scss
index db2584ff..bce45305 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -96,7 +96,7 @@ nav {
 
 main {
   grid-area: content;
-  margin-bottom: 100px;
+  /* margin-bottom: 100px; */
 }
 
 footer {
diff --git a/assets/css/footer.scss b/assets/css/footer.scss
index ff4b222d..d4896aed 100644
--- a/assets/css/footer.scss
+++ b/assets/css/footer.scss
@@ -48,13 +48,11 @@ footer {
 
   @media (max-width: 767px) {
     @apply relative;
+    padding: 2.5rem 1rem;
 
     .blocks {
       @apply flex flex-col;
-
-      bottom: 2.5rem;
       gap: 1.5rem;
-      padding: 0 1rem 0 1rem;
 
       .block {
         @apply flex;
diff --git a/lib/pescarte_web/design_system.ex b/lib/pescarte_web/design_system.ex
index ac0e3068..51871c9e 100644
--- a/lib/pescarte_web/design_system.ex
+++ b/lib/pescarte_web/design_system.ex
@@ -155,7 +155,7 @@ defmodule PescarteWeb.DesignSystem do
   def footer(assigns) do
     ~H"""
     <footer>
-      <img class="waves" src={~p"/images/footer/waves.svg"} />
+      <img class="hidden md:flex waves" src={~p"/images/footer/waves.svg"} />
       <div class="blocks">
         <div class="block">
           <.text size="base" color="text-white-100" class="block-tag">