diff --git a/src/public/css/offers.css b/src/public/css/offers.css
index 16fad27..e78855f 100644
--- a/src/public/css/offers.css
+++ b/src/public/css/offers.css
@@ -19,7 +19,7 @@
     width: 50%;
   }
 
-  #create-offer-controls > * {
+  .create-offer-step {
     width: 100%;
   }
 
@@ -51,7 +51,7 @@
     width: 33%;
   }
 
-  #create-offer-controls > * {
+  .create-offer-step {
     margin-left: auto;
     margin-right: auto;
     width: 70%;
@@ -67,10 +67,12 @@
   }
 }
 
-#create-offer-controls > * {
+#create-offer-controls {
+  text-align: center;
+}
+.create-offer-step {
   text-align: center;
 }
-
 #close-offer-controls-area {
   display: flex;
   justify-content: end;
@@ -108,6 +110,9 @@
 .premium-button {
   background: white;
   border: 2px solid #e1c300;
+  width: 100%;
+  height: 50%;
+  font-size: 1em;
 }
 
 .premium-button:hover {
@@ -122,12 +127,6 @@
   border-bottom-right-radius: 10px;
 }
 
-.premium-button {
-  width: 100%;
-  height: 50%;
-  font-size: 1em;
-}
-
 #premium-price-display-area {
   margin-left: 0;
   margin-right: auto;
diff --git a/src/views/offers.ejs b/src/views/offers.ejs
index 0a49278..da43ce1 100644
--- a/src/views/offers.ejs
+++ b/src/views/offers.ejs
@@ -29,18 +29,20 @@
           />
         </div>
         <h2>Añade los detalles de tu oferta</h2>
-        <div id="button-group-buy-or-sell" class="button-group">
-          <button
-            data-value="buy-bitcoin"
-            id="button-buy-bitcoin"
-            class="selected"
-          >
-            Quiero comprar Bitcoin</button
-          ><button data-value="sell-bitcoin" id="button-sell-bitcoin">
-            Quiero vender Bitcoin
-          </button>
+        <div id="buy-or-sell-area" class="create-offer-step">
+          <div id="button-group-buy-or-sell" class="button-group">
+            <button
+              data-value="buy-bitcoin"
+              id="button-buy-bitcoin"
+              class="selected"
+            >
+              Quiero comprar Bitcoin</button
+            ><button data-value="sell-bitcoin" id="button-sell-bitcoin">
+              Quiero vender Bitcoin
+            </button>
+          </div>
         </div>
-        <div id="premium-area">
+        <div id="premium-area" class="create-offer-step">
           <h3>Premium</h3>
           <div id="premium-content-area">
             <div id="premium-selector-area">
@@ -63,7 +65,7 @@
             </div>
           </div>
         </div>
-        <div id="amount-area">
+        <div id="amount-area" class="create-offer-step">
           <h3>¿Cuánto?</h3>
           <div id="amount-area-content">
             <div id="eur-amount" class="money-amount-input-area">
@@ -91,7 +93,7 @@
             </div>
           </div>
         </div>
-        <div id="place-and-time-area">
+        <div id="place-and-time-area" class="create-offer-step">
           <h3>¿Dónde y cuándo?</h3>
           <div id="place-and-time-boxes">
             <textarea
@@ -110,7 +112,7 @@
             ></textarea>
           </div>
         </div>
-        <div id="bitcoin-methods-area">
+        <div id="bitcoin-methods-area" class="create-offer-step">
           <h3>¿Cómo se mueve el Bitcoin?</h3>
           <div id="onchain-checkbox-area" class="checkbox-row">
             <input
@@ -129,7 +131,7 @@
             /><label for="lightning">Lightning</label>
           </div>
         </div>
-        <div id="trust-area">
+        <div id="trust-area" class="create-offer-step">
           <h3>¿Quién puede ver la oferta?</h3>
           <div id="my-trusted-area" class="checkbox-row">
             <input
@@ -158,7 +160,7 @@
             /><label for="all-members">Todos los miembros</label>
           </div>
         </div>
-        <div id="other-area">
+        <div id="other-area" class="create-offer-step">
           <h3>Extras</h3>
           <div id="large-bills-area" class="checkbox-row">
             <input