diff --git a/public/css/offers.css b/public/css/offers.css
index 6942f0a..4d10d6e 100644
--- a/public/css/offers.css
+++ b/public/css/offers.css
@@ -243,7 +243,7 @@
   margin-top: 0;
 }
 
-#close-offer-controls-area {
+.close-offer-controls-area {
   display: flex;
   justify-content: end;
 }
@@ -386,7 +386,7 @@
   width: 33%;
 }
 
-#close-offer {
+.close-offer {
   margin-left: auto;
   margin-right: auto;
 }
diff --git a/src/front/pages/offers.js b/src/front/pages/offers.js
index bb0b8ed..3eba71d 100644
--- a/src/front/pages/offers.js
+++ b/src/front/pages/offers.js
@@ -184,10 +184,9 @@ class CreateOfferModal {
     this.publishOfferButton.render();
 
     const closeButtonArea = document.createElement('div');
-    closeButtonArea.id = 'close-offer-controls-area';
+    closeButtonArea.className = 'close-offer-controls-area';
     const closeButton = document.createElement('button');
-    closeButton.id = 'close-offer';
-    closeButton.className = 'button-secondary button-medium';
+    closeButton.className = 'close-offer button-secondary button-medium';
     closeButton.textContent = 'Volver';
     closeButtonArea.appendChild(closeButton);