diff --git a/src/components/Reviews/Reviews.css b/src/components/Reviews/Reviews.css
index 0a689914..9d4f16f4 100644
--- a/src/components/Reviews/Reviews.css
+++ b/src/components/Reviews/Reviews.css
@@ -2,17 +2,17 @@
 
 .root {
   margin: 0;
+}
 
-  & li {
-    margin-bottom: 32px;
+.reviewItem {
+  margin-bottom: 32px;
 
-    &:last-of-type {
-      margin-bottom: 0;
-    }
+  &:last-of-type {
+    margin-bottom: 0;
+  }
 
-    @media (--viewportMedium) {
-      margin-bottom: 39px;
-    }
+  @media (--viewportMedium) {
+    margin-bottom: 39px;
   }
 }
 
diff --git a/src/components/Reviews/Reviews.js b/src/components/Reviews/Reviews.js
index 0248feee..0cca0063 100644
--- a/src/components/Reviews/Reviews.js
+++ b/src/components/Reviews/Reviews.js
@@ -54,7 +54,7 @@ const ReviewsComponent = props => {
     <ul className={classes}>
       {reviews.map(r => {
         return (
-          <li key={`Review_${r.id.uuid}`}>
+          <li key={`Review_${r.id.uuid}`} className={css.reviewItem}>
             <Review review={r} intl={intl} />
           </li>
         );