diff --git a/src/front/pages/offers.js b/src/front/pages/offers.js
index 946c72f..01b96f4 100644
--- a/src/front/pages/offers.js
+++ b/src/front/pages/offers.js
@@ -104,19 +104,31 @@ class CreateOfferModal {
       parentElement: amountDiv,
     });
 
-    //Continue moving components up here
+    this.amountInput.render();
 
     const placeTimeDiv = document.createElement('div');
-    placeTimeDiv.id = 'place-and-time-area';
     placeTimeDiv.className = 'create-offer-step';
     const placeTimeHeading = document.createElement('h3');
     placeTimeHeading.textContent = '¿Dónde y cuándo?';
     placeTimeDiv.appendChild(placeTimeHeading);
     const placeTimeContentDiv = document.createElement('div');
-    placeTimeContentDiv.id = 'place-and-time-boxes';
     placeTimeDiv.appendChild(placeTimeContentDiv);
     controls.appendChild(placeTimeDiv);
 
+    this.placeInput = new PlaceInput({
+      parentElement: placeTimeContentDiv,
+    });
+
+    this.placeInput.render();
+
+    this.timeInput = new TimeInput({
+      parentElement: placeTimeContentDiv,
+    });
+
+    this.timeInput.render();
+
+    //Continue moving components up here
+
     const bitcoinMethodsDiv = document.createElement('div');
     bitcoinMethodsDiv.id = 'bitcoin-methods-area';
     bitcoinMethodsDiv.className = 'create-offer-step';
@@ -176,22 +188,6 @@ class CreateOfferModal {
 
     this.parentElement.appendChild(this.element);
 
-    this.amountInput.render();
-
-    this.placeInput = new PlaceInput({
-      parentElement: document.getElementById('place-and-time-boxes'),
-      id: 'place-input',
-    });
-
-    this.placeInput.render();
-
-    this.timeInput = new TimeInput({
-      parentElement: document.getElementById('place-and-time-boxes'),
-      id: 'time-input',
-    });
-
-    this.timeInput.render();
-
     this.btcMethodCheckboxes = new BitcoinMethodCheckboxes({
       parentElement: document.getElementById('bitcoin-methods-checkboxes'),
     });