diff --git a/assets/reviews.css b/assets/reviews.css
index 3d581349..7ad44591 100644
--- a/assets/reviews.css
+++ b/assets/reviews.css
@@ -1,3 +1,6 @@
+.yc-product-reviews {
+  display: none;
+}
 .yc-product-reviews .yc-reviews-wrapper {
   display: grid;
   gap: var(--yc-reviews-gap);
diff --git a/assets/reviews.js b/assets/reviews.js
index 8d334943..fd20912d 100644
--- a/assets/reviews.js
+++ b/assets/reviews.js
@@ -1,14 +1,16 @@
 (async () => {
+  const reviewsContainer = document.querySelector('.yc-product-reviews');
   const reviewsWrapper = document.querySelector('.yc-reviews-wrapper');
   const noDataSetter = (element) => {
-    reviewsWrapper.innerHTML = `
-        <div class='review-item__empty'>No reviews available</div>
-      `;
+    if (reviewsContainer) {
+      reviewsContainer.remove();
+    }
   };
 
   try {
     const reviews = await youcanjs.product.fetchReviews(productId).data();
 
+    reviewsContainer.style.display = 'block';
     reviews.forEach((review) => {
       const reviewItem = document.createElement('li');
       reviewItem.classList.add('review-item');
diff --git a/styles/reviews.scss b/styles/reviews.scss
index 42a5b89a..436d74af 100644
--- a/styles/reviews.scss
+++ b/styles/reviews.scss
@@ -1,6 +1,8 @@
 @import 'helpers/mixins';
 
 .yc-product-reviews {
+  display: none;
+
   .yc-reviews-wrapper {
     display: grid;
     gap: var(--yc-reviews-gap);