diff --git a/public/css/offers.css b/public/css/offers.css
index a0d9705..f498978 100644
--- a/public/css/offers.css
+++ b/public/css/offers.css
@@ -297,14 +297,14 @@
   border-bottom-right-radius: 10px;
 }
 
-#premium-price-display-area {
+.premium-price-display-area {
   margin-left: 0;
   margin-right: auto;
   font-size: 1em;
   text-align: start;
 }
 
-#premium-price-display-area > * {
+.premium-price-display-area > * {
   margin-top: 0;
   margin-bottom: 0;
 }
diff --git a/src/front/components/PriceDisplay.js b/src/front/components/PriceDisplay.js
index 39eb16d..9d2dd02 100644
--- a/src/front/components/PriceDisplay.js
+++ b/src/front/components/PriceDisplay.js
@@ -16,7 +16,8 @@ class PriceDisplay {
 
   render() {
     const container = document.createElement('div');
-    container.id = 'premium-price-display-area';
+    container.id = this.id;
+    container.classList = 'premium-price-display-area';
 
     const offerParagraph = document.createElement('p');
     offerParagraph.id = 'offer-price-paragraph';